html{background:#fff}body{min-height:100vh}button{cursor:pointer}button:focus-visible{outline-offset:2px;outline:3px solid #8fd7d5}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--navy:#09233f;--muted:#607184;--teal:#05777a;--teal-dark:#035f62;--line:#dce5e9;--soft:#f3f8f8;--warn:#c94b3f;--warn-bg:#fff0ed;--gold:#d59b11;--radius:14px;--background:#fff;--surface:#fff;--theme-font:Inter, ui-sans-serif, system-ui, sans-serif;--button-radius:12px;--card-shadow:none;--background-pattern:none;--trade-good:#176b59;--trade-good-bg:#eaf8f4;--on-primary:#fff;color:var(--navy);font-family:var(--theme-font)}*{box-sizing:border-box}body{background:var(--background);background-image:var(--background-pattern);background-attachment:fixed;min-width:320px;margin:0}button,input,textarea{font:inherit;color:inherit}.center-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel,.setup-panel{width:min(100%,520px)}.brand{align-items:center;gap:14px;margin-bottom:42px;display:flex}.brand h1{margin:0;font-size:1.75rem}.brand p,.lede{color:var(--muted);margin:.25rem 0}.brand-mark{background:var(--teal);width:48px;height:48px;color:var(--on-primary);border-radius:13px;place-items:center;display:grid}.brand-mark svg{width:26px}.login-panel>h2,.setup-panel>h1{margin:20px 0;font-size:1.9rem}.profile-list{gap:12px;display:grid}.profile-list button{border-radius:var(--radius);background:var(--teal);min-height:58px;color:var(--on-primary);border:2px solid #0000;justify-content:center;align-items:center;gap:9px;font-size:1.15rem;font-weight:750;display:flex}.profile-list button.selected{background:var(--navy);box-shadow:0 0 0 3px #9bd6d6}.profile-list svg{width:19px}.pin-form,.stack{gap:16px;margin-top:24px;display:grid}label{gap:7px;font-size:.88rem;font-weight:700;display:grid}.field-hint{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.35}.catalog-choice{margin-top:20px}.ready-catalog{border-radius:var(--radius);background:#f2fbfb;border:1.5px solid #9bd6d6;gap:18px;padding:18px;display:grid}.ready-catalog>div{align-items:flex-start;gap:12px;display:flex}.ready-catalog svg{width:22px;color:var(--teal);flex:0 0 22px}.ready-catalog h2,.ready-catalog p{margin:0}.ready-catalog h2{font-size:1.08rem}.ready-catalog p{color:var(--muted);margin-top:5px;line-height:1.45}.csv-fallback{border-top:1px solid #dce5e9;padding-top:16px}.csv-fallback summary{cursor:pointer;color:var(--muted);align-items:center;min-height:44px;font-weight:700;display:flex}input,textarea{background:#fff;border:1.5px solid #bdcbd2;border-radius:11px;width:100%;padding:13px;font-size:1rem}input:focus,textarea:focus{border-color:var(--teal);outline:3px solid #b7e3e2}.button{border-radius:var(--button-radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 18px;font-weight:800;display:flex}.button svg{width:20px}.button.primary{background:var(--teal);color:var(--on-primary)}.button.secondary{background:var(--navy);color:#fff}.button.quiet{background:var(--soft)}.button:disabled{opacity:.5}.privacy{text-align:center;color:var(--muted);justify-content:center;gap:6px;margin:28px 0 0;font-size:.84rem;display:flex}.privacy svg{width:16px}.notice{border-radius:11px;align-items:flex-start;gap:8px;padding:13px;font-size:.9rem;display:flex}.notice.warn{background:var(--warn-bg);color:#8f3029}.notice.success{color:#176b59;background:#eaf8f4}.notice.info{background:#eaf5fa}.notice svg{flex:none;width:18px}.pin-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.steps{margin:24px 0;padding:0;list-style:none;display:flex}.steps li{text-align:center;color:var(--muted);border-top:3px solid var(--line);flex:1;padding-top:8px;font-size:.75rem}.steps li.current,.steps li.done{border-color:var(--teal);color:var(--navy);font-weight:700}.setup-panel code{background:var(--soft);border-radius:8px;padding:10px;overflow:auto}.import-summary ul{color:var(--warn)}.app-shell{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-shell>header{border-bottom:1px solid var(--line);background:var(--surface);z-index:5;justify-content:space-between;align-items:center;min-height:74px;padding:12px 16px;display:flex;position:sticky;top:0}.app-shell>header h1{margin:0;font-size:1.45rem}.season-label{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);margin:0 0 2px;font-size:.72rem;font-weight:800}.header-actions{gap:4px;display:flex}.header-actions button,.back{background:0 0;border:0;border-radius:10px;place-items:center;min-width:44px;min-height:44px;display:grid}.header-actions svg{width:21px}.back{gap:5px;padding:0;display:flex}.app-shell>header>.back+h1{margin-left:8px;margin-right:auto;font-size:1.05rem}.app-shell>main{max-width:760px;margin:0 auto;padding:16px}.summary{background:var(--soft);border-radius:var(--radius);border-left:5px solid var(--teal);justify-content:space-between;align-items:center;margin-bottom:14px;padding:17px;display:flex}.summary strong{font-size:2.1rem}.summary span{font-size:1.1rem;font-weight:700}.summary dl{gap:16px;margin:0;display:flex}.summary dl div{flex-direction:column-reverse;display:flex}.summary dt{color:var(--muted);font-size:.72rem}.summary dd{margin:0;font-weight:800}.search{margin:18px 0;position:relative}.sticker-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:18px 0;display:grid}.sticker-toolbar .search{margin:0}.filter-select{color:var(--muted);gap:4px;font-size:.72rem;font-weight:750;display:grid}.filter-select select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--navy);border-radius:10px;padding:0 30px 0 10px}.search svg{width:20px;color:var(--muted);position:absolute;top:13px;left:13px}.search input{padding-left:42px}.set-list{gap:17px;display:grid}.set{border-top:1px solid var(--line)}.set-heading{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:15px 2px 9px;display:flex}.set-heading>svg{width:20px;transition:transform .15s}.set-heading>svg.collapsed{transform:rotate(-90deg)}.set-heading span{color:var(--teal);text-transform:uppercase;font-size:.72rem;font-weight:800}.set-heading h2{margin:2px 0;font-size:1.08rem}.sticker{border-top:1px solid #e8edef;border-left:4px solid #0000;justify-content:space-between;align-items:center;gap:10px;min-height:69px;padding:10px 2px 10px 10px;display:flex}.sticker.missing{border-left-color:#d2dce0}.sticker.owned{border-left-color:var(--teal)}.sticker.duplicate{background:#f6fbff;border-left-color:#2378bc}.sticker.gold{border-left-color:var(--gold)}.sticker-info{min-width:0}.sticker-info h3{align-items:center;gap:5px;margin:0;font-size:.94rem;display:flex}.sticker-info h3 svg{width:15px;color:var(--gold)}.sticker-info p{color:var(--muted);margin:4px 0 0;font-size:.76rem}.quantity{border:1px solid #cdd8dd;border-radius:9px;flex:none;align-items:center;display:flex;overflow:hidden}.quantity button{background:var(--surface);border:0;place-items:center;width:44px;height:44px;display:grid}.quantity button:disabled{opacity:.3}.quantity svg{width:17px}.quantity output{text-align:center;min-width:31px;font-weight:800}.quantity-readonly{background:var(--soft);border-radius:10px;flex:none;place-items:center;min-width:42px;min-height:42px;font-weight:850;display:grid}.app-shell>nav{height:calc(64px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:6;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.app-shell>nav button{background:var(--surface);color:var(--muted);border:0;padding:8px 3px;font-size:.68rem}.app-shell>nav button.active{color:var(--teal);font-weight:800}.upload-panel{text-align:center;gap:15px;padding:34px 0;display:grid}.upload-panel h2{margin:0}.upload-panel p{color:var(--muted);margin:0}.upload-panel progress{width:100%;height:10px;accent-color:var(--teal)}.recognition-status{gap:10px;display:grid}.recognition-status progress{width:100%;height:10px;accent-color:var(--teal)}.upload-icon{background:var(--soft);width:68px;height:68px;color:var(--teal);border-radius:20px;place-items:center;margin:auto;display:grid}.file-button{border:2px dashed var(--teal);min-height:50px;color:var(--teal);border-radius:12px;justify-content:center;align-items:center;display:flex}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.filters{gap:6px;margin:14px 0;display:flex;overflow-x:auto}.filters button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:9px;min-height:42px;padding:8px 12px}.filters button.active{background:var(--teal);color:var(--on-primary);border-color:var(--teal)}details summary{justify-content:space-between;align-items:center;min-height:52px;font-weight:800;list-style:none;display:flex}details summary svg{width:18px}.review-warning{color:var(--warn)!important}.sticky-save{padding-top:15px;position:sticky;bottom:10px}.sticky-save .button{width:100%;box-shadow:0 8px 25px #09233f33}.loader{color:var(--teal);font-weight:700}.profile-tabs{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px;margin-bottom:14px;display:grid}.profile-tabs button{border:1px solid var(--line);background:var(--surface);text-overflow:ellipsis;border-radius:11px;min-height:46px;padding:6px 3px;font-size:.82rem;font-weight:750;overflow:hidden}.profile-tabs button.active{background:var(--teal);border-color:var(--teal);color:#fff}.family-summary{background:var(--soft);border-radius:var(--radius);border-left:5px solid var(--teal);justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.family-summary p{color:var(--muted);margin:0 0 3px;font-weight:750}.family-summary strong{font-size:1.55rem}.family-summary dl{gap:14px;margin:0;display:flex}.family-summary dl div{flex-direction:column-reverse;display:flex}.family-summary dt{color:var(--muted);font-size:.7rem}.family-summary dd{margin:0;font-weight:850}.settings-page{padding-bottom:0}.settings-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow);gap:14px;margin-bottom:16px;padding:16px;display:grid}.settings-title{align-items:flex-start;gap:10px;display:flex}.settings-title>svg{width:22px;color:var(--teal);flex:none}.settings-title h2,.settings-title p{margin:0}.settings-title.small{align-items:center}.compact-form{background:var(--soft);border-radius:11px;padding:14px}.check-label{align-items:center;gap:9px;flex-direction:row!important;display:flex!important}.check-label input{width:18px;min-height:18px}.theme-picker{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.match-direction{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-picker button,.match-direction button{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--navy);border-radius:11px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.theme-picker button{text-align:left;justify-content:flex-start;padding:11px}.theme-picker button>span:first-child{font-size:1.4rem}.theme-picker button>span:last-child{gap:2px;display:grid}.theme-picker small{color:var(--muted);font-weight:600;line-height:1.25}.theme-picker button.active small{color:inherit;opacity:.85}.theme-picker button.active,.match-direction button.active{background:var(--teal);border-color:var(--teal);color:var(--on-primary)}.theme-picker svg{width:18px}.season-list{gap:8px;display:grid}.season-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.season-list>div>div{gap:2px;display:grid}.season-list span{color:var(--muted);font-size:.72rem}.settings-title h2{font-size:1.05rem}.settings-title p{color:var(--muted);margin-top:3px;font-size:.8rem}.status-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-grid div{background:var(--soft);border-radius:10px;padding:11px;display:grid}.status-grid strong{text-transform:capitalize}.status-grid span{color:var(--muted);font-size:.72rem}.profile-settings-list{gap:12px;display:grid}.profile-setting{border-top:1px solid var(--line);gap:11px;padding-top:13px;display:grid}.profile-setting-heading{justify-content:space-between;align-items:center;display:flex}.profile-setting-heading span{color:var(--teal);text-transform:uppercase;font-size:.7rem;font-weight:800}.match-summary{border-radius:var(--radius);background:var(--soft);border-left:5px solid var(--teal);gap:9px;margin-bottom:14px;padding:17px;display:grid}.match-summary div{align-items:baseline;gap:9px;display:flex}.match-summary strong{font-size:2rem}.match-summary span{color:var(--muted);font-size:.84rem;line-height:1.3}.match-summary p{color:var(--teal-dark);margin:0;font-size:.82rem;font-weight:800}.match-mode{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px;display:grid}.match-direction{margin-bottom:9px}.match-mode button{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-height:46px;padding:8px;font-size:.82rem;font-weight:800}.match-mode button.active{color:var(--on-primary);background:var(--teal);border-color:var(--teal)}.match-list{gap:13px;display:grid}.match-card{border:1px solid var(--line);border-radius:var(--radius);content-visibility:auto;contain-intrinsic-size:180px;padding:14px}.match-card.completes-set{box-shadow:inset 4px 0 0 var(--teal);border-color:#7ac8b8}.match-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.match-card-heading p,.match-card-heading h2{margin:0}.match-card-heading p{color:var(--teal);text-transform:uppercase;font-size:.72rem;font-weight:800}.match-card-heading h2{align-items:center;gap:5px;margin-top:4px;font-size:1.05rem;display:flex}.match-card-heading h2 svg{width:16px;color:var(--gold)}.match-card-heading>div>span{color:var(--muted);font-size:.76rem}.match-card-heading>strong{background:var(--trade-good-bg);color:var(--trade-good);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:.68rem}.holder-list{border-top:1px solid var(--line);gap:7px;margin-top:11px;padding-top:11px;display:grid}.holder{background:var(--soft);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.holder>div{display:grid}.holder>div span{color:var(--muted);font-size:.72rem}.holder>span{text-align:right;font-size:.72rem;font-weight:800}.holder .tradable{color:var(--trade-good)}.holder .not-tradable{color:var(--warn)}@media (width>=720px){.app-shell>header{padding-inline:calc(50% - 380px)}.app-shell>nav{width:760px;left:50%;transform:translate(-50%)}}@media (width<=360px){.summary dl{gap:9px}.summary strong{font-size:1.8rem}.app-shell>main{padding:12px}.sticker{padding-left:6px}.pin-grid{grid-template-columns:1fr}.profile-tabs{grid-template-columns:1fr 1fr}}:root[data-theme=monopoly-classic]{--navy:#173c35;--muted:#68766e;--teal:#087f5b;--teal-dark:#075f46;--line:#d6cdbb;--soft:#f4edda;--warn:#b62e2e;--warn-bg:#fae3dd;--gold:#bd8615;--background:#f7f0dc;--surface:#fffaf0;--button-radius:9px;--card-shadow:0 3px 0 #d2c4a8;--background-pattern:linear-gradient(#1f7a5a0b 1px, transparent 1px), linear-gradient(90deg, #1f7a5a0b 1px, transparent 1px);background-size:32px 32px}:root[data-theme=midnight-mogul]{--navy:#e9f3f6;--muted:#b7b2a8;--teal:#3f9d7c;--teal-dark:#73c7a6;--line:#453f39;--soft:#252722;--warn:#ff9589;--warn-bg:#4c242a;--gold:#c9a54c;--background:#101210;--surface:#1a1c1a;--button-radius:8px;--card-shadow:0 8px 24px #0006;--trade-good:#85d2b5;--trade-good-bg:#19382e;--background-pattern:radial-gradient(circle at 85% 0%, #6a4b2c26, transparent 30%);--on-primary:#07150f}:root[data-theme=monster-mash]{--navy:#fff4df;--muted:#cbb8d2;--teal:#ff7a18;--teal-dark:#ffa34f;--red:#d74a83;--cream:#130b19;--line:#594064;--soft:#301d38;--warn:#ff92ad;--warn-bg:#4a2033;--gold:#f0bd4b;--background:#0c0711;--surface:#21132a;--theme-font:Georgia, "Times New Roman", serif;--button-radius:18px 5px 18px 5px;--card-shadow:0 5px 0 #08040b, 0 0 18px #8cff6630;--trade-good:#b7ef63;--trade-good-bg:#24391f;--on-primary:#1a0b00;--background-pattern:radial-gradient(circle at 84% 8%, #f7e7a622 0 34px, transparent 36px), radial-gradient(circle at 16px 16px, #b7ef630d 1px, transparent 2px), linear-gradient(135deg, transparent 48%, #7c4a8e10 49% 51%, transparent 52%);background-size:auto,32px 32px,76px 76px}:root[data-theme=monster-mash] header{border-bottom-color:#ff7a18;box-shadow:0 3px #7b315c}:root[data-theme=monster-mash] .set,:root[data-theme=monster-mash] .settings-section,:root[data-theme=monster-mash] .match-card{border-color:#704a7d}:root[data-theme=monster-mash] .set>summary:before{content:"✦";color:#b7ef63;text-shadow:0 0 8px #b7ef63aa;margin-right:8px}:root[data-theme=monster-mash] progress{accent-color:#b7ef63}:root[data-theme=monster-mash] input,:root[data-theme=monster-mash] textarea,:root[data-theme=monster-mash] select,:root[data-theme=monster-mash] .match-mode button,:root[data-theme=monster-mash] .profile-setting,:root[data-theme=monster-mash] .match-card{background:var(--surface);color:var(--navy)}:root[data-theme=monster-mash] .sticker.duplicate{background:#2d2036;box-shadow:inset 4px 0 #b7ef63}:root[data-theme=monster-mash] .sticker{border-top-color:var(--line)}:root[data-theme=looney-tunes]{--navy:#17315e;--muted:#526b83;--teal:#066a9c;--teal-dark:#075d93;--line:#b7daf0;--soft:#fff2a8;--warn:#c92727;--warn-bg:#ffe0d1;--gold:#e69700;--background:#dff4ff;--surface:#fff;--button-radius:24px;--card-shadow:4px 4px 0 #17315e;--background-pattern:radial-gradient(circle at 50% 35%, transparent 0 42px, #fff7 43px 48px, transparent 49px 72px, #fff5 73px 78px, transparent 79px)}:root[data-theme=rock-roll]{--navy:#f0f1f3;--muted:#aeb4bb;--teal:#c5283d;--teal-dark:#f15a69;--line:#4b5057;--soft:#272b30;--warn:#ff8a77;--warn-bg:#492421;--gold:#d7b45c;--background:#121417;--surface:#202328;--theme-font:Impact, "Arial Narrow", ui-sans-serif, sans-serif;--button-radius:4px 18px 4px 18px;--card-shadow:0 5px 0 #08090a;--trade-good:#d8dce1;--trade-good-bg:#333941;--background-pattern:repeating-linear-gradient(135deg, #ffffff05 0 1px, transparent 1px 7px)}:root[data-theme=retro-arcade]{--navy:#e9fbff;--muted:#93b9c6;--teal:#00bac7;--teal-dark:#60f7ff;--line:#294a67;--soft:#142944;--warn:#ff62a8;--warn-bg:#481c42;--gold:#ffe650;--background:#071327;--surface:#0e2038;--theme-font:"Courier New", ui-monospace, monospace;--button-radius:2px;--card-shadow:4px 4px 0 #ff3fa4;--trade-good:#65ffbc;--trade-good-bg:#123c39;--background-pattern:linear-gradient(#00e5ff0c 1px, transparent 1px), linear-gradient(90deg, #ff3fa40c 1px, transparent 1px);--on-primary:#03151a;background-size:18px 18px}:root[data-theme=fantasy-rpg]{--navy:#34281a;--muted:#746550;--teal:#496b3b;--teal-dark:#354e2d;--line:#bba77d;--soft:#e9dab2;--warn:#8f332b;--warn-bg:#edc7b1;--gold:#9d701b;--background:#d8c393;--surface:#f2e5c2;--theme-font:Georgia, "Times New Roman", serif;--button-radius:5px;--card-shadow:inset 0 0 0 2px #d2bd8b, 0 4px 8px #5c452d44;--trade-good:#3b633f;--trade-good-bg:#d5dfbd;--background-pattern:radial-gradient(circle at 20% 20%, #8d6d3a20, transparent 28%), radial-gradient(circle at 80% 70%, #fff5, transparent 34%)}:root[data-theme=wasteland]{--navy:#2e3323;--muted:#656854;--teal:#697739;--teal-dark:#4c5929;--line:#a89e70;--soft:#d8d0a8;--warn:#9b3b28;--warn-bg:#e4b99d;--gold:#b58422;--background:#c6bd8c;--surface:#e1d9ad;--theme-font:"Trebuchet MS", ui-sans-serif, sans-serif;--button-radius:3px;--card-shadow:3px 3px 0 #776e48;--trade-good:#41582b;--trade-good-bg:#c8d29c;--background-pattern:repeating-linear-gradient(8deg, #443c2312 0 1px, transparent 1px 9px)}:root[data-theme=midnight-mogul] input,:root[data-theme=midnight-mogul] textarea,:root[data-theme=midnight-mogul] select,:root[data-theme=midnight-mogul] .match-mode button,:root[data-theme=midnight-mogul] .profile-setting,:root[data-theme=midnight-mogul] .match-card,:root[data-theme=rock-roll] input,:root[data-theme=rock-roll] textarea,:root[data-theme=rock-roll] select,:root[data-theme=rock-roll] .match-mode button,:root[data-theme=rock-roll] .profile-setting,:root[data-theme=rock-roll] .match-card,:root[data-theme=retro-arcade] input,:root[data-theme=retro-arcade] textarea,:root[data-theme=retro-arcade] select,:root[data-theme=retro-arcade] .match-mode button,:root[data-theme=retro-arcade] .profile-setting,:root[data-theme=retro-arcade] .match-card{background:var(--surface);color:var(--navy)}:root[data-theme=midnight-mogul] .sticker.duplicate,:root[data-theme=rock-roll] .sticker.duplicate,:root[data-theme=retro-arcade] .sticker.duplicate{background:#142d40}:root[data-theme=midnight-mogul] .sticker,:root[data-theme=rock-roll] .sticker,:root[data-theme=retro-arcade] .sticker{border-top-color:var(--line)}:root[data-theme=retro-arcade] .summary strong:after{content:"%";color:#ff3fa4;font-size:.45em}@keyframes theme-complete{50%{filter:brightness(1.08);transform:translateY(-2px)}}.match-card.completes-set{animation:.9s ease-out theme-complete}@media (prefers-reduced-motion:reduce){.match-card.completes-set{animation:none}}@media (width<=520px){.sticker-toolbar{grid-template-columns:1fr}}