:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,sans-serif;color:#edf3ff;background:#080d1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #080d1b;--bg-soft: #0e1630;--panel: rgba(14, 21, 42, .88);--panel-strong: rgba(20, 29, 55, .96);--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .1);--line: rgba(174, 150, 91, .24);--text: #edf3ff;--muted: #9caad0;--muted-2: #6f7c9c;--accent: #6d45e8;--accent-2: #8e67ff;--gold: #e7bd55;--good: #55d987;--danger: #ff6969;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr) 364px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 9% 11%,rgba(109,69,232,.22),transparent 30%),radial-gradient(circle at 82% 2%,rgba(231,189,85,.1),transparent 28%),linear-gradient(135deg,var(--bg),#0b1226 55%,#071022)}.app-shell[data-theme=storybook-light]{color-scheme:light;--bg: #f7f3e8;--bg-soft: #efe7d4;--panel: rgba(255, 252, 244, .9);--panel-strong: #fffaf0;--surface: rgba(28, 39, 62, .06);--surface-strong: rgba(28, 39, 62, .1);--line: rgba(143, 109, 51, .24);--text: #1d2740;--muted: #697089;--muted-2: #8b8392;--accent: #7b5edb;--accent-2: #9a7cf2;--gold: #b78b2b;--good: #25865f;--danger: #c94c48;background:linear-gradient(135deg,#faf7ef,#eee8d9)}.app-shell[data-theme=pop-ink]{--bg: #101a40;--bg-soft: #18224f;--panel: rgba(18, 29, 67, .9);--panel-strong: rgba(22, 35, 78, .96);--line: rgba(128, 189, 255, .22);--accent: #7449ff;--accent-2: #26c6ff;--gold: #ffcf54;background:radial-gradient(circle at 18% 20%,rgba(38,198,255,.22),transparent 28%),radial-gradient(circle at 84% 12%,rgba(255,207,84,.18),transparent 26%),#101a40}.side-nav,.right-panel,.workspace{min-width:0}.side-nav{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:22px;padding:22px 14px;overflow:auto;background:#080c1db8;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:8px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;color:#11162c;font-weight:900;background:linear-gradient(135deg,var(--gold),#fff1a7);border-radius:8px;box-shadow:0 0 28px #e7bd5538}.brand h1,.brand p{margin:0}.brand h1{color:var(--gold);font-size:18px;line-height:1.2}.brand p,.section-label,.status,.fan-note,.tile-subtitle,.row-body p,.subtitle,.classifications,.detail-list,.detail-card p,.settings-panel p,.deck-facts,.account-panel span{color:var(--muted)}.brand p,.section-label{font-size:12px;font-weight:800;letter-spacing:0}.tab-list{display:grid;gap:8px}.tab{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 13px;color:var(--muted);text-align:left;background:transparent;border:1px solid transparent;border-radius:8px}.tab.active,.tab:hover{color:#fff;background:linear-gradient(135deg,#6d45e88a,#6d45e83d);border-color:#9779ff6b}.tab-icon{display:grid;width:24px;height:24px;place-items:center;color:var(--gold)}.account-panel,.nav-summary,.settings-panel,.deck-search-panel,.deck-editor-panel,.deck-stats-panel,.detail-card,.detail-empty,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.account-panel{display:grid;gap:7px;margin-top:auto;padding:12px}.account-panel small,.sync-confirm span{color:var(--muted);font-size:12px;line-height:1.45}.sync-confirm{display:grid;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.account-panel button,.official-link,.filter-chips button,.add-card-button{min-height:36px;padding:0 12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}.nav-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;color:var(--muted);font-size:12px}.fan-note{margin:0;font-size:12px;line-height:1.65}.official-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.official-link.inline{width:100%;margin-top:10px}.workspace{height:100vh;overflow:auto;padding:22px}.view{max-width:1160px;margin:0 auto}.view-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-label{margin:0 0 5px;text-transform:uppercase}.view-header h2,.detail-copy h2,.panel-title h2{margin:0;font-size:28px;line-height:1.15}.header-actions{display:flex;align-items:center;gap:12px;color:var(--muted)}.search-form,.panel-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.search-field{grid-column:span 2}.search-field.compact,.filter-field.wide{grid-column:1 / -1}.search-field,.filter-field{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:12px;font-weight:800}.search-field input,.filter-field input,.filter-field select,.filter-field textarea,.deck-name-input,.deck-notes,textarea{width:100%;min-height:40px;color:var(--text);background:#050a198c;border:1px solid rgba(144,160,205,.2);border-radius:8px;outline:none}.app-shell[data-theme=storybook-light] .search-field input,.app-shell[data-theme=storybook-light] .filter-field input,.app-shell[data-theme=storybook-light] .filter-field select,.app-shell[data-theme=storybook-light] .filter-field textarea,.app-shell[data-theme=storybook-light] .deck-name-input,.app-shell[data-theme=storybook-light] .deck-notes,.app-shell[data-theme=storybook-light] textarea{background:#fff}.search-field input,.filter-field input,.filter-field select,.deck-name-input{padding:0 12px}textarea,.deck-notes,.filter-field textarea{min-height:84px;padding:10px 12px;resize:vertical}.search-field input:focus,.filter-field input:focus,.filter-field select:focus,.deck-name-input:focus,.deck-notes:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #6d45e833}.toggle-row{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:10px}.toggle,.filter-chips span,.tag{display:inline-flex;align-items:center;min-height:32px;gap:7px;padding:0 10px;color:var(--muted);font-size:12px;font-weight:800;background:var(--surface);border:1px solid var(--line);border-radius:8px}.toggle input,.tag input{width:1px;height:1px;margin:0;opacity:0}.toggle:has(input:checked),.tag.checked,.filter-chips span{color:#fff;background:#6d45e847;border-color:#9779ff80}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:38px;margin-bottom:8px}.result-status{min-height:32px}.status{margin:0;font-size:14px}.status.error,.metric-danger,.metric.danger strong{color:var(--danger)}.primary-action,.secondary-action{min-height:40px;padding:0 14px;font-weight:900;border-radius:8px;border:1px solid transparent}.primary-action{color:#fff;background:linear-gradient(135deg,var(--accent),#4f2dcb);box-shadow:0 12px 28px #6d45e842}.secondary-action{color:var(--text);background:var(--surface);border-color:var(--line)}.secondary-action.active,.favorite-button.active{color:var(--gold);border-color:#e7bd558f}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.card-tile,.collection-card,.mini-tile{position:relative;min-width:0;color:var(--text);background:#03081494;border:1px solid var(--line);border-radius:8px}.card-tile{padding:8px}.card-tile.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #6d45e838}.card-image-button{position:relative;display:block;width:100%;padding:0;background:transparent;border:0}.tile-name{position:absolute;right:9px;bottom:9px;left:9px;overflow:hidden;padding:5px 7px;color:#fff;font-size:11px;font-weight:900;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0408129e;border:1px solid rgba(255,255,255,.12);border-radius:7px}.card-image,.image-fallback{width:100%;aspect-ratio:488 / 681;object-fit:cover;background:linear-gradient(145deg,#111a35,#27345f);border:1px solid rgba(231,189,85,.28);border-radius:8px}.image-fallback{display:grid;align-content:center;gap:6px;padding:12px;color:var(--muted);text-align:center}.image-fallback strong{color:var(--gold);font-weight:900;line-height:1.3}.image-fallback small,.image-fallback span{font-size:11px}.card-cost{position:absolute;top:13px;left:13px;display:grid;width:28px;height:28px;place-items:center;color:#101522;font-weight:950;background:var(--gold);border-radius:50%;box-shadow:0 4px 12px #0000004d}.favorite-button{position:absolute;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;color:#fff;background:#00000057;border:1px solid rgba(255,255,255,.24);border-radius:8px}.card-badges{position:absolute;right:12px;bottom:48px;left:12px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}.card-badges span{padding:3px 6px;color:#fff;font-size:11px;font-weight:800;background:#0000007a;border:1px solid rgba(255,255,255,.18);border-radius:8px}.add-card-button{width:100%;margin-top:7px;font-size:12px;font-weight:900}.right-panel{height:100vh;overflow:auto;padding:18px;background:#080c1d9e;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-detail-backdrop,.mobile-detail-sheet,.mobile-detail-peek{display:none}.detail-card,.detail-empty,.deck-stats-panel{display:grid;gap:16px;padding:14px}.detail-card>.card-image,.detail-card>.image-fallback{max-width:248px;margin:0 auto}.detail-copy h2,.panel-title h2{font-size:24px}.detail-copy h3,.my-data-panel h3,.settings-panel h3,.chart h3,.ink-breakdown h3{margin:10px 0 6px;font-size:14px}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.meta-grid span,.deck-facts span{min-height:30px;padding:7px 9px;color:var(--text);font-size:12px;font-weight:800;background:var(--surface);border:1px solid var(--line);border-radius:8px}.rules-text{white-space:pre-wrap;color:var(--text);font-size:14px;line-height:1.65}.detail-list{display:grid;gap:8px;margin:12px 0 0}.detail-list div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;font-size:13px}.detail-list dt{color:var(--muted-2)}.detail-list dd{margin:0}.my-data-panel{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.field-label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:800}.stepper{display:grid;grid-template-columns:34px 48px 34px;width:116px;height:34px;overflow:hidden;background:#0000002e;border:1px solid var(--line);border-radius:8px}.stepper button{color:var(--text);background:var(--surface);border:0}.stepper input{width:100%;min-width:0;padding:0;color:var(--text);text-align:center;background:transparent;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}.segmented{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.segmented button{min-height:34px;padding:0 11px;color:var(--muted);background:transparent;border:0;border-radius:7px}.segmented button.active{color:#fff;background:var(--accent)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}.collection-card{display:grid;gap:9px;padding:10px}.collection-card strong{font-size:14px}.collection-card>span{color:var(--muted);font-size:12px;line-height:1.45}.collection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.collection-actions button{min-width:0;padding:0 7px;font-size:12px}.stack-list,.deck-cards{display:grid;gap:12px}.list-row,.deck-card,.stat-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.compact-row{grid-template-columns:42px minmax(0,1fr)}.deck-card.missing{border-color:#ff69697a;background:#ff696914}.favorite-row{grid-template-columns:64px minmax(0,1fr);align-items:start}.mini-card{width:64px;padding:0;background:transparent;border:0}.row-body{display:grid;gap:6px;min-width:0}.text-button{padding:0;color:var(--text);text-align:left;background:transparent;border:0}.row-title{font-weight:900;line-height:1.35}.tag-picker{display:flex;flex-wrap:wrap;gap:8px}.deck-builder-grid,.match-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.deck-search-panel,.deck-editor-panel{display:grid;align-content:start;gap:12px;padding:14px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:68vh;overflow:auto;padding-right:2px}.mini-tile{display:grid;gap:5px;padding:6px;text-align:left}.mini-tile span{overflow:hidden;color:var(--muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.deck-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.deck-tab{display:grid;min-width:150px;gap:3px;padding:10px;color:var(--muted);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px}.deck-tab.active{color:var(--text);border-color:var(--accent-2)}.deck-name-input{min-height:46px;font-size:20px;font-weight:950}.panel-title{display:grid;gap:4px}.panel-title span{color:var(--muted)}.stats-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric{display:grid;gap:5px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:23px}.metric.good strong{color:var(--good)}.metric.gold strong{color:var(--gold)}.chart{display:grid;gap:10px}.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:140px;align-items:end;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.bar{display:grid;height:100%;align-items:end;gap:5px;text-align:center}.bar span{display:block;min-height:8px;background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:5px 5px 0 0}.bar small{color:var(--muted);font-size:11px}.ink-breakdown{display:grid;gap:8px}.ink-row{display:flex;justify-content:space-between;padding-bottom:7px;color:var(--muted);border-bottom:1px solid var(--line)}.deck-facts{display:grid;gap:8px}.panel-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0}.stat-row{grid-template-columns:minmax(0,1fr) auto auto}.result-mark{display:grid;width:38px;height:38px;place-items:center;font-weight:900;border-radius:50%}.result-mark.win{color:#102018;background:var(--good)}.result-mark.loss{color:#2b1111;background:var(--danger)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-panel{display:grid;align-content:start;gap:10px;padding:16px}.settings-panel button{min-height:38px;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px}.rotate-notice{display:none}.legal-shell{min-height:100vh;padding:36px 18px;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(109,69,232,.18),transparent 28%),var(--bg)}.legal-page{display:grid;gap:18px;max-width:880px;margin:0 auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.legal-page h1,.legal-page h2,.legal-page p{margin:0}.legal-page h1{font-size:32px}.legal-page h2{margin-bottom:8px;font-size:18px}.legal-page p{color:var(--muted);line-height:1.75}.legal-nav{display:flex;flex-wrap:wrap;gap:8px}.legal-nav button{min-height:38px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}.legal-note{border-top:1px solid var(--line);padding-top:18px}.legal-note a{color:var(--accent);margin:0 4px}.theme-options{display:grid;gap:8px}.theme-option{min-height:44px;padding:0 12px;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px}.theme-option.active{border-color:var(--accent-2);box-shadow:0 0 0 3px #6d45e833}.empty-state,.detail-empty{max-width:460px;margin:48px auto;padding:24px;text-align:center}.empty-state h3,.detail-empty h2{margin:14px 0 6px}.placeholder-card{width:82px;height:116px;margin:0 auto;background:linear-gradient(135deg,rgba(231,189,85,.45),transparent),linear-gradient(160deg,#111a35,#37236e);border:1px solid rgba(231,189,85,.36);border-radius:8px;box-shadow:0 14px 32px #00000042}@media(max-width:1280px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.right-panel{grid-column:2;height:auto;border-top:1px solid var(--line);border-left:0}}@media(max-width:980px){.deck-builder-grid,.match-layout,.settings-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}}@media(max-width:768px)and (orientation:portrait){.app-shell,.legal-shell{display:none}.rotate-notice{display:grid;min-height:100vh;place-items:center;padding:22px;color:var(--text);text-align:center;background:var(--bg)}.rotate-notice>div{display:grid;gap:12px;max-width:360px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.rotate-notice span{color:var(--gold);font-size:34px;font-weight:900}}@media(max-width:940px)and (orientation:landscape){.app-shell{grid-template-columns:minmax(0,1fr);padding-bottom:72px}.side-nav{display:contents}.tab-list{position:fixed;top:8px;right:8px;left:10px;z-index:20;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;background:#080c1de6;border:1px solid var(--line);border-radius:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tab{justify-content:center;min-height:42px;padding:0 6px;font-size:12px}.tab-icon{display:none}.brand,.account-panel,.nav-summary,.fan-note,.side-nav>.official-link{display:none}.workspace{height:auto;padding:14px}.workspace{padding-top:66px}.right-panel{display:none}.search-form,.panel-form{grid-template-columns:1fr}.search-field{grid-column:1}.card-grid,.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card-tile{padding:6px}.card-badges{display:none}.tile-name{right:7px;bottom:7px;left:7px;font-size:10px}.mobile-detail-backdrop.open{position:fixed;inset:0;z-index:35;display:block;padding:0;background:#00000057;border:0}.mobile-detail-sheet{position:fixed;right:10px;bottom:10px;left:10px;z-index:40;display:grid;max-height:calc(100vh - 76px);overflow:hidden;color:var(--text);background:#0a0f20fa;border:1px solid rgba(231,189,85,.32);border-radius:8px;box-shadow:var(--shadow);transform:translateY(calc(100% + 16px));transition:transform .18s ease}.mobile-detail-sheet.open{transform:translateY(0)}.mobile-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 12px;background:var(--panel-strong);border-bottom:1px solid var(--line)}.mobile-detail-header div{display:grid;min-width:0;gap:2px}.mobile-detail-header span{color:var(--muted);font-size:11px;font-weight:800}.mobile-detail-header strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mobile-detail-header button{min-width:68px;min-height:34px;padding:0 12px}.mobile-detail-body{max-height:calc(100vh - 132px);overflow:auto;overscroll-behavior:contain}.mobile-detail-sheet .detail-card{grid-template-columns:116px minmax(0,1fr) 178px;align-items:start;gap:12px;padding:12px}.mobile-detail-sheet .detail-card>.card-image,.mobile-detail-sheet .detail-card>.image-fallback{max-width:116px}.mobile-detail-sheet .detail-copy h2{font-size:18px}.mobile-detail-sheet .subtitle,.mobile-detail-sheet .rules-text,.mobile-detail-sheet .detail-list{font-size:12px}.mobile-detail-sheet .meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.mobile-detail-sheet .meta-grid span{min-height:26px;padding:5px 6px;font-size:11px}.mobile-detail-sheet .detail-copy h3,.mobile-detail-sheet .my-data-panel h3{margin:8px 0 4px;font-size:12px}.mobile-detail-sheet .my-data-panel{position:sticky;top:10px;align-self:start;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.mobile-detail-sheet .my-data-panel button,.mobile-detail-sheet .stepper button{min-height:34px}.mobile-detail-peek{position:fixed;right:10px;bottom:10px;left:10px;z-index:30;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;color:var(--text);text-align:left;background:#0a0f20f5;border:1px solid rgba(231,189,85,.34);border-radius:8px;box-shadow:var(--shadow)}.mobile-detail-peek span{color:var(--gold);font-size:12px;font-weight:900}.mobile-detail-peek strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:520px){.view-header{align-items:stretch;flex-direction:column}.view-header h2{font-size:24px}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.list-row,.deck-card,.favorite-row{grid-template-columns:54px minmax(0,1fr)}.list-row>.stepper,.deck-card>.stepper,.metric-danger{grid-column:2}.mini-card{width:54px}.stats-cards{grid-template-columns:1fr}}