:root{color-scheme:dark;--yellow: #ffd54a;--yellow-deep: #f0b400;--ink: #1a1408;--paper: #fff6dc;--felt: #12100c;--felt-2: #1c1812;--slot: #0b0907;--muted: #cbb890;--danger: #ff6b4a;--ok: #8ee08a;--shadow: 0 18px 40px rgba(0, 0, 0, .45);font-family:Nunito,system-ui,sans-serif;background:#070604;color:var(--paper)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(circle at 50% -10%,#3a3018,#12100c 42%,#070604)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{width:min(480px,100%);min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px),radial-gradient(circle at 50% 0%,#2a2314 0%,var(--felt) 58%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 10px;flex-shrink:0}.brand{display:flex;flex-direction:column;gap:2px}.brand small{color:var(--yellow);letter-spacing:.18em;font-size:10px;font-weight:800}.brand h1{margin:0;font-family:Bangers,system-ui,sans-serif;font-size:28px;letter-spacing:.04em;color:var(--yellow);text-shadow:0 2px 0 #7a4a00}.icon-btn,.ghost-btn,.primary-btn,.danger-btn{border:0;border-radius:999px}.icon-btn{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#ffd54a24;color:var(--yellow)}.search-wrap{padding:0 16px 12px}.search-wrap input,.field input{width:100%;border:0;border-radius:16px;background:#00000059;color:var(--paper);padding:12px 14px;outline:none}.stats{padding:0 18px 8px;color:var(--muted);font-size:13px}.collection{padding:4px 12px 118px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:auto;flex:1;align-content:start;align-items:start}.set-heading{grid-column:1 / -1;margin:10px 4px 2px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--yellow)}.set-heading:first-of-type{margin-top:0}.card-tile{appearance:none;border:0;padding:0;background:transparent;text-align:left;color:inherit;width:100%}.card-tile .slot{aspect-ratio:63 / 88;border-radius:10px;overflow:hidden;background:var(--slot);box-shadow:0 8px 18px #0006;position:relative;border:1px solid rgba(255,213,74,.2)}.card-tile img{width:100%;height:100%;object-fit:cover;display:block}.tile-number{display:block;margin-top:8px;color:var(--yellow);font-size:12px;font-weight:800}.tile-name{display:block;margin-top:2px;font-size:12px;line-height:1.25;min-height:30px}.empty{grid-column:1 / -1;min-width:0;text-align:center;padding:48px 8px;color:var(--muted)}.empty h2{margin:8px 0 6px;color:var(--paper)}.empty p{margin:0 auto;max-width:26ch;line-height:1.45}.filter-chips{display:flex;gap:8px;padding:0 18px 10px;overflow-x:auto}.filter-chip{appearance:none;border:1px solid rgba(255,213,74,.24);background:#ffffff0a;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;white-space:nowrap}.filter-chip.on{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.missing-body{padding:4px 16px calc(24px + env(safe-area-inset-bottom));overflow:auto;flex:1}.missing-intro{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 16px}.missing-total{color:var(--yellow);font-weight:800;margin:0 0 16px}.missing-section{margin-bottom:22px}.missing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.missing-heading h3{margin:0;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--yellow)}.missing-heading span{color:var(--muted);font-size:12px}.missing-empty{color:var(--muted);font-size:13px;margin:0}.missing-chips{display:flex;flex-wrap:wrap;gap:6px}.missing-chip{background:#ff6b4a24;color:var(--danger);border:1px solid rgba(255,107,74,.3);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}.owned-chip{background:#4ade8024;color:#4ade80;border:1px solid rgba(74,222,128,.32);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}.missing-toggle{margin-bottom:10px}.missing-legend{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;margin:0 0 14px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:2px}.legend-dot.owned{background:#4ade80}.legend-dot.missing{background:var(--danger)}.bottom-bar{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(88%,360px);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:4}.fab{width:100%;height:56px;border:0;border-radius:999px;background:linear-gradient(#ffe789,var(--yellow-deep));color:var(--ink);font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px #f0b40059}.overlay{position:absolute;inset:0;background:#090806;z-index:5;display:flex;flex-direction:column}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 12px 8px}.overlay-header h2,.sheet h2,.review h2,.detail h2{margin:0;font-size:18px}.choice,.review,.detail{overflow:auto;flex:1}.choice{padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.choice-card{border:1px solid rgba(255,213,74,.22);background:#ffffff0a;color:inherit;border-radius:22px;padding:18px;text-align:left;display:grid;gap:6px}.choice-card b{font-size:18px;color:var(--yellow)}.choice-card span{color:var(--muted);font-size:14px}.bulk-section{margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,213,74,.16);display:flex;flex-direction:column;gap:10px}.bulk-hint{color:var(--muted);font-size:13px;margin:0}.bulk-buttons{display:flex;flex-direction:column;gap:8px}.bulk-buttons .ghost-btn{width:100%;justify-content:center}.camera-stage{flex:1;position:relative;overflow:hidden;background:#000}.camera-stage video{width:100%;height:100%;object-fit:cover}.frame-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.card-frame{width:min(78vw,340px);aspect-ratio:63 / 88;border-radius:16px;border:2px solid var(--yellow);box-shadow:0 0 0 9999px #0000008c;position:relative}.card-frame:before,.card-frame:after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--yellow)}.card-frame:before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:8px 0 0}.card-frame:after{right:-2px;bottom:-2px;border-left:0;border-top:0;border-radius:0 0 8px}.scan-hint{position:absolute;left:50%;top:18px;transform:translate(-50%);background:#0009;padding:8px 12px;border-radius:999px;font-size:13px;white-space:nowrap}.camera-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 22px calc(18px + env(safe-area-inset-bottom));background:#090806}.shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:var(--yellow)}.camera-error,.review,.detail{padding:12px 16px calc(24px + env(safe-area-inset-bottom))}.review-photos{display:flex;justify-content:center;gap:10px;margin:12px 0 16px}.review-photos.single{justify-content:center}.review-photos figure{margin:0;background:transparent;width:min(260px,48%)}.review-photos.single figure{width:min(280px,72%)}.review-photos img{width:100%;height:auto;aspect-ratio:63 / 88;object-fit:contain;display:block;border-radius:14px;background:#111}.review .row-actions{position:sticky;bottom:0;padding-top:10px;background:#090806}.review-photos figcaption{font-size:12px;padding:8px;color:var(--muted)}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted)}.ocr-status{min-height:20px;font-size:13px;color:var(--yellow);margin-bottom:12px}.row-actions{display:flex;gap:8px}.primary-btn,.ghost-btn,.danger-btn{height:48px;font-weight:800;padding:0 16px}.row-actions .primary-btn,.row-actions .ghost-btn,.row-actions .danger-btn{flex:1}.overlay-header .ghost-btn{min-width:88px}.primary-btn{background:var(--yellow);color:var(--ink)}.ghost-btn{background:#ffffff14;color:var(--paper)}.ghost-btn:disabled{opacity:.35}.danger-btn{background:#ff6b4a29;color:var(--danger)}.detail img.hero{width:100%;border-radius:18px;aspect-ratio:63 / 88;object-fit:cover;background:#000}.gallery{background:#090806;overflow:auto}.gallery-stage{position:relative;margin:0 12px;border-radius:18px;overflow:hidden;background:#000;touch-action:pan-y;height:min(48dvh,440px);display:flex;justify-content:center;align-items:center}.gallery-stage img{height:100%;width:auto;max-width:100%;aspect-ratio:63 / 88;object-fit:contain;display:block;background:#000;pointer-events:none}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:28px;line-height:1}.gallery-nav.prev{left:8px}.gallery-nav.next{right:8px}.gallery-thumbs{display:flex;justify-content:center;gap:10px;padding:10px 16px 2px}.gallery-thumb{appearance:none;border:2px solid transparent;border-radius:10px;padding:0;width:52px;aspect-ratio:63 / 88;overflow:hidden;background:#000;opacity:.55}.gallery-thumb.on{border-color:var(--yellow);opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-caption{padding:8px 18px 12px}.gallery-caption h3{margin:2px 0 4px;font-size:22px}.gallery-caption span{color:var(--muted);font-size:13px}.gallery-actions,.gallery-edit{padding:0 16px calc(18px + env(safe-area-inset-bottom))}.detail-meta{margin:14px 0}.menu{position:absolute;right:16px;top:calc(62px + env(safe-area-inset-top));background:#221c14;border:1px solid rgba(255,213,74,.2);border-radius:16px;overflow:hidden;z-index:4;min-width:190px}.menu button{width:100%;background:transparent;color:inherit;border:0;text-align:left;padding:12px 14px}.menu-user{margin:0;padding:12px 14px 8px;color:var(--yellow);font-size:12px;font-weight:800;word-break:break-all}.boot-status{padding:48px 24px;color:var(--muted);text-align:center}.account-screen{overflow:auto}.account-card{margin:auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));max-width:420px;width:100%}.account-card small{color:var(--yellow);letter-spacing:.12em;font-size:11px}.account-card h1{margin:6px 0 10px;font-size:28px}.account-card p{color:var(--muted);line-height:1.45;margin:0 0 18px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.account-tabs button{height:42px;border-radius:999px;border:1px solid rgba(255,213,74,.22);background:transparent;color:var(--muted);font-weight:700}.account-tabs button.on{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.account-error{color:#ffb4a2!important;margin:0 0 12px!important}.account-hint{margin-top:14px!important;font-size:12px}.account-card .primary-btn{width:100%}.hidden-input{display:none}.warn{background:#ffd54a1f;color:var(--yellow);padding:10px 12px;border-radius:12px;margin-bottom:12px;font-size:13px}.version-btn{height:auto;padding:2px 8px 4px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}.version-log{padding:8px 18px calc(24px + env(safe-area-inset-bottom));overflow:auto;flex:1}.version-now{margin:0 0 16px;color:var(--yellow);font-weight:800}.version-log ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}.version-log ol>li{padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,213,74,.14)}.version-log ol>li header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.version-log ol>li header span{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.version-log ol>li b{display:block}.version-log ol>li small{color:var(--muted)}.version-log ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}