@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#edf2f8;font-synthesis:none;text-rendering:optimizelegibility;background:#0a1019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0a1019;min-width:320px}body{background:radial-gradient(circle at 20% 0,#29537f2e,#0000 35%),#0a1019;min-width:320px;min-height:100vh;margin:0}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4f8fd273}:root{--font-display:"Cinzel", Georgia, "Times New Roman", serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root,:root[data-theme=magic-classic]{--bg-page:#17110d;--bg-secondary:#211713;--bg-deep:#120d0a;--panel-bg:#2a1d18;--panel-hover:#34241d;--panel-active:#3a281f;--panel-inset:#1e1512;--border-default:#6e5131;--border-hover:#8b673c;--border-active:#a47b45;--border-subtle:#a47b4542;--text-primary:#f1e4c8;--text-secondary:#bfae91;--text-muted:#8f806b;--text-dark:#17110d;--accent-primary:#c99a52;--accent-primary-hover:#d8ab66;--accent-primary-active:#b98645;--tab-home:#625e50;--tab-home-hover:#7b7665;--tab-home-active:#f0e6c8;--tab-home-active-text:#17110d;--tab-inventory:#183c2b;--tab-inventory-hover:#24553c;--tab-inventory-active:#4fae69;--tab-inventory-active-text:#101a13;--tab-history:#18364a;--tab-history-hover:#234a63;--tab-history-active:#4c98c7;--tab-history-active-text:#0c1820;--tab-settings:#52231e;--tab-settings-hover:#6b2d27;--tab-settings-active:#c95848;--tab-settings-active-text:#1a0e0c;--tab-insights:#161515;--tab-insights-hover:#242222;--tab-insights-active:#45413f;--tab-insights-active-text:#f1e4c8;--button-primary-bg:var(--accent-primary);--button-primary-hover:var(--accent-primary-hover);--button-primary-active:var(--accent-primary-active);--button-primary-text:var(--text-dark);--button-secondary-bg:#2a1d18;--button-secondary-hover:#34241d;--button-secondary-active:#241914;--button-secondary-text:var(--text-primary);--input-bg:#1e1512;--input-border:#6e5131;--input-border-hover:#8b673c;--input-border-active:#a47b45;--warning:#e0ae63;--danger:#c95848;--success:#4fae69;--disabled-bg:#1e1512;--disabled-border:#4c3928;--disabled-text:#8f806b;--disabled-opacity:.62;--focus-ring:#c99a52;--focus-ring-width:3px;--shadow-panel:0 18px 60px #0000003d;--shadow-hover:0 12px 32px #00000057;--shadow-image:0 12px 30px #0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}:root[data-theme=minimal-modern]{--bg-page:#f4f5f7;--bg-secondary:#e9ebef;--bg-deep:#dde1e6;--panel-bg:#fff;--panel-hover:#f8f9fa;--panel-active:#f0f2f5;--panel-inset:#f5f6f8;--border-default:#c8cdd4;--border-hover:#aab2bc;--border-active:#7d8794;--border-subtle:#5058622e;--text-primary:#20242a;--text-secondary:#555d68;--text-muted:#7b8490;--text-dark:#20242a;--accent-primary:#6b7280;--accent-primary-hover:#59616e;--accent-primary-active:#454c57;--tab-home:#d7d7d2;--tab-home-hover:#c8c8c1;--tab-home-active:#f6f3e8;--tab-home-active-text:#262521;--tab-inventory:#c7d8cc;--tab-inventory-hover:#aec7b6;--tab-inventory-active:#8cb69a;--tab-inventory-active-text:#152019;--tab-history:#c7d6df;--tab-history-hover:#acc5d3;--tab-history-active:#86aec4;--tab-history-active-text:#142027;--tab-settings:#e2c5c1;--tab-settings-hover:#d3aaa5;--tab-settings-active:#c7837a;--tab-settings-active-text:#261615;--tab-insights:#d0d0d0;--tab-insights-hover:#bdbdbd;--tab-insights-active:#6f6f6f;--tab-insights-active-text:#fff;--button-primary-bg:#69717d;--button-primary-hover:#565e69;--button-primary-active:#444b55;--button-primary-text:#fff;--button-secondary-bg:#fff;--button-secondary-hover:#f1f3f5;--button-secondary-active:#e5e8eb;--button-secondary-text:#20242a;--input-bg:#fff;--input-border:#c8cdd4;--input-border-hover:#aab2bc;--input-border-active:#7d8794;--warning:#a66a19;--danger:#b64c42;--success:#43855b;--disabled-bg:#eceef1;--disabled-border:#d8dce1;--disabled-text:#999fa7;--disabled-opacity:.68;--focus-ring:#59616e}:root[data-theme=arcade]{--bg-page:#08090f;--bg-secondary:#0e1020;--bg-deep:#05060a;--panel-bg:#101426;--panel-hover:#161b33;--panel-active:#1b2140;--panel-inset:#090c18;--border-default:#313958;--border-hover:#59648d;--border-active:#7c8bff;--border-subtle:#7c8bff33;--text-primary:#f4f7ff;--text-secondary:#b8c0d9;--text-muted:#7f8aa8;--text-dark:#08090f;--accent-primary:#8d7cff;--accent-primary-hover:#a294ff;--accent-primary-active:#6d5de0;--tab-home:#4a493c;--tab-home-hover:#73705a;--tab-home-active:#fff19a;--tab-home-active-text:#19170b;--tab-inventory:#0f4a32;--tab-inventory-hover:#126642;--tab-inventory-active:#42f58d;--tab-inventory-active-text:#07160d;--tab-history:#0c3651;--tab-history-hover:#0d5076;--tab-history-active:#35c8ff;--tab-history-active-text:#06141a;--tab-settings:#571b29;--tab-settings-hover:#7b2336;--tab-settings-active:#ff5471;--tab-settings-active-text:#1a080c;--tab-insights:#121216;--tab-insights-hover:#24242c;--tab-insights-active:#5c5c68;--tab-insights-active-text:#fff;--button-primary-bg:#8d7cff;--button-primary-hover:#a294ff;--button-primary-active:#6d5de0;--button-primary-text:#08090f;--button-secondary-bg:#12172a;--button-secondary-hover:#1a2140;--button-secondary-active:#0d1120;--button-secondary-text:#f4f7ff;--input-bg:#090c18;--input-border:#313958;--input-border-hover:#59648d;--input-border-active:#7c8bff;--warning:#ffc857;--danger:#ff5471;--success:#42f58d;--disabled-bg:#0c0f1a;--disabled-border:#252a3b;--disabled-text:#626c85;--disabled-opacity:.56;--focus-ring:#35c8ff}:root[data-theme=splashy]{--bg-page:#fff7ec;--bg-secondary:#ffeedc;--bg-deep:#f6dfc6;--panel-bg:#fff;--panel-hover:#fff9f2;--panel-active:#fff1df;--panel-inset:#fff8f0;--border-default:#e3c7a7;--border-hover:#d5ad7e;--border-active:#c78b4c;--border-subtle:#c78b4c38;--text-primary:#33251f;--text-secondary:#6a5144;--text-muted:#8d7466;--text-dark:#33251f;--accent-primary:#f0a33c;--accent-primary-hover:#f7b457;--accent-primary-active:#d98821;--tab-home:#d8cead;--tab-home-hover:#e8dbb5;--tab-home-active:#fff0af;--tab-home-active-text:#352b0b;--tab-inventory:#4d8c64;--tab-inventory-hover:#5fa878;--tab-inventory-active:#71c58b;--tab-inventory-active-text:#14311d;--tab-history:#4c88a8;--tab-history-hover:#60a0c3;--tab-history-active:#76b9dd;--tab-history-active-text:#102c3b;--tab-settings:#bb5b4f;--tab-settings-hover:#d36c5f;--tab-settings-active:#ee8475;--tab-settings-active-text:#3a1510;--tab-insights:#403c3a;--tab-insights-hover:#57514e;--tab-insights-active:#6d6662;--tab-insights-active-text:#fff;--button-primary-bg:#f0a33c;--button-primary-hover:#f7b457;--button-primary-active:#d98821;--button-primary-text:#33251f;--button-secondary-bg:#fff;--button-secondary-hover:#fff4e7;--button-secondary-active:#f7e5d2;--button-secondary-text:#33251f;--input-bg:#fff;--input-border:#e3c7a7;--input-border-hover:#d5ad7e;--input-border-active:#c78b4c;--warning:#c27a18;--danger:#c85045;--success:#3e945b;--disabled-bg:#f1e5d8;--disabled-border:#e3d3c3;--disabled-text:#a48e7e;--disabled-opacity:.68;--focus-ring:#c78b4c}.app{--page-accent:var(--border-active);--page-accent-bright:var(--accent-primary);--page-accent-soft:color-mix(in srgb, var(--page-accent-bright) 14%, transparent)}.app[data-page=inventory]{--page-accent:#2f7048;--page-accent-bright:#4fae69}.app[data-page=settings]{--page-accent:#87382f;--page-accent-bright:#c95848}.panel{border-color:color-mix(in srgb, var(--page-accent) 72%, var(--border-default))}.mode-card,.set-option,.history-feedback-card{border-color:color-mix(in srgb, var(--page-accent) 62%, var(--border-default))}.mode-card:hover,.set-option:hover,.history-feedback-card:hover{border-color:var(--page-accent-bright);box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 18%, transparent), 0 0 18px color-mix(in srgb, var(--page-accent-bright) 15%, transparent), 0 8px 24px #0003}.mode-card.active,.set-option.selected,.history-feedback-card.active,.organized-individual-buttons .secondary-action.active{border-color:var(--page-accent-bright);background:var(--panel-active);box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 22%, transparent)}.mode-card:focus-visible,.set-option:focus-visible,.history-feedback-card:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.color-select:focus-visible,.quantity-control button:focus-visible{outline:var(--focus-ring-width) solid var(--page-accent-bright);outline-offset:3px}.color-select:focus,input:focus,select:focus{border-color:var(--page-accent-bright)}.app{min-height:100vh;color:var(--text-primary);font-family:var(--font-ui);background:radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 30%), radial-gradient(circle at 86% 14%, color-mix(in srgb, var(--border-active) 7%, transparent), transparent 34%), var(--bg-page);transition:background .18s,color .18s}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:var(--focus-ring-width) solid var(--page-accent-bright,var(--focus-ring));outline-offset:2px}.topbar{border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-secondary) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:32px;padding:22px 36px;display:flex;box-shadow:0 8px 28px #0000002e}.topbar h1{color:var(--text-primary);margin:0;font-size:1.55rem;line-height:1.1}.subtitle{color:var(--text-muted);margin:5px 0 0;font-size:.85rem}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav-button{color:var(--text-primary);border:1px solid #0000;border-radius:10px;padding:10px 14px;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s}.nav .nav-button:first-child{background:var(--tab-home);border-color:color-mix(in srgb, var(--tab-home-hover) 62%, transparent)}.nav .nav-button:nth-child(2){background:var(--tab-inventory);border-color:color-mix(in srgb, var(--tab-inventory-hover) 62%, transparent)}.nav .nav-button:nth-child(3){background:var(--tab-history);border-color:color-mix(in srgb, var(--tab-history-hover) 62%, transparent)}.nav .nav-button:nth-child(4){background:var(--tab-settings);border-color:color-mix(in srgb, var(--tab-settings-hover) 62%, transparent)}.nav .nav-button:nth-child(5){background:var(--tab-insights);border-color:color-mix(in srgb, var(--tab-insights-hover) 62%, transparent)}.nav .nav-button:first-child:hover{background:var(--tab-home-hover)}.nav .nav-button:nth-child(2):hover{background:var(--tab-inventory-hover)}.nav .nav-button:nth-child(3):hover{background:var(--tab-history-hover)}.nav .nav-button:nth-child(4):hover{background:var(--tab-settings-hover)}.nav .nav-button:nth-child(5):hover{background:var(--tab-insights-hover)}.nav-button:hover{transform:translateY(-1px)}.nav .nav-button:first-child.active{color:var(--tab-home-active-text);background:var(--tab-home-active);border-color:var(--tab-home-active)}.nav .nav-button:nth-child(2).active{color:var(--tab-inventory-active-text);background:var(--tab-inventory-active);border-color:var(--tab-inventory-active)}.nav .nav-button:nth-child(3).active{color:var(--tab-history-active-text);background:var(--tab-history-active);border-color:var(--tab-history-active)}.nav .nav-button:nth-child(4).active{color:var(--tab-settings-active-text);background:var(--tab-settings-active);border-color:var(--tab-settings-active)}.nav .nav-button:nth-child(5).active{color:var(--tab-insights-active-text);background:var(--tab-insights-active);border-color:color-mix(in srgb, var(--text-primary) 42%, var(--tab-insights-active))}.nav-button.active{box-shadow:0 0 0 1px color-mix(in srgb, currentColor 14%, transparent), 0 8px 18px #00000038;transform:translateY(-1px)}.topbar h1{font-family:var(--font-display);letter-spacing:.035em;font-weight:700}.hero h2{font-family:var(--font-display);letter-spacing:.025em;font-weight:700}.panel h3,.empty-state h3,.organized-game-controls h4{font-family:var(--font-display);letter-spacing:.018em;font-weight:600}.primary-action strong,.secondary-action strong{font-family:var(--font-display);letter-spacing:.015em;font-weight:600}button,input,select,textarea,.mode-card span,.panel p,.subtitle{font-family:var(--font-ui)}.page{width:min(1100px,100% - 40px);margin:0 auto;padding:46px 0 60px}.hero{margin-bottom:28px}.hero h2{color:var(--text-primary);margin:0 0 8px;font-size:clamp(2rem,5vw,3rem)}.hero p{color:var(--text-secondary);margin:0;font-size:1.05rem}.panel{border:2px solid color-mix(in srgb, var(--page-accent) 72%, var(--border-default));border-radius:var(--radius-lg);color:var(--text-primary);background:linear-gradient(145deg, color-mix(in srgb, var(--panel-bg) 97%, var(--border-active) 3%), var(--panel-bg));box-shadow:var(--shadow-panel);margin-bottom:18px;padding:24px;transition:background .14s,border-color .14s,box-shadow .14s}.section-heading{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.panel h3{margin:0 0 5px;font-size:1.1rem}.panel p{color:var(--text-secondary);margin:0}.select-control{border:1px solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--input-bg);justify-content:space-between;align-items:center;margin-top:16px;padding:16px 18px;display:flex}.color-select{border:1px solid var(--input-border);border-radius:var(--radius-md);min-width:220px;color:var(--text-primary);background:var(--input-bg);padding:14px 16px;transition:border-color .12s,background .12s}.color-select:hover,.select-control:hover,input:hover,select:hover{border-color:var(--input-border-hover)}.color-select:focus,.select-control:focus,input:focus,select:focus{border-color:var(--input-border-active)}.compact-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.availability{font-size:.88rem;color:var(--text-muted)!important;margin-top:12px!important}.mode-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.two-column{grid-template-columns:repeat(2,1fr)}.mode-card{text-align:left;border:2px solid color-mix(in srgb, var(--page-accent) 62%, var(--border-default));min-height:112px;color:var(--text-primary);background:var(--panel-inset);border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;display:flex}.mode-card:hover{border-color:var(--page-accent-bright);background:var(--panel-hover);box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 18%, transparent), 0 0 18px color-mix(in srgb, var(--page-accent-bright) 15%, transparent), 0 8px 24px #0003;transform:translateY(-2px)}.mode-card.active{border-color:var(--page-accent-bright);background:var(--panel-active);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 15%, transparent), 0 0 18px color-mix(in srgb, var(--page-accent-bright) 14%, transparent)}.mode-card strong{font-family:var(--font-display);letter-spacing:.018em;font-size:1.15rem;font-weight:600;line-height:1.2}.mode-card span{font-family:var(--font-ui);color:var(--text-secondary);font-size:.9rem;line-height:1.45}.action-grid{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:26px;display:grid}.primary-action,.secondary-action{text-align:left;min-height:105px;color:var(--text-primary);background:var(--button-secondary-bg);border:2px solid var(--page-accent,var(--border-active));border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:22px;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 22px #00000038}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled){background:var(--button-secondary-hover);border-color:var(--page-accent-bright,var(--accent-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--page-accent-bright,var(--accent-primary)) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--page-accent-bright,var(--accent-primary)) 28%, transparent), 0 0 18px color-mix(in srgb, var(--page-accent-bright,var(--accent-primary)) 20%, transparent), 0 10px 28px #00000047;transform:translateY(-1px)}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled){background:var(--button-secondary-active);border-color:var(--page-accent,var(--border-active));transform:translateY(0);box-shadow:inset 0 1px 4px #00000052}.primary-action:focus-visible,.secondary-action:focus-visible{outline:var(--focus-ring-width) solid var(--page-accent-bright,var(--focus-ring));outline-offset:3px;border-color:var(--page-accent-bright,var(--focus-ring));box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent-bright,var(--focus-ring)) 28%, transparent), 0 0 20px color-mix(in srgb, var(--page-accent-bright,var(--focus-ring)) 22%, transparent)}.primary-action strong,.secondary-action strong{font-family:var(--font-display);letter-spacing:.018em;font-size:1.2rem;font-weight:600;line-height:1.2}.primary-action span,.secondary-action span{font-family:var(--font-ui);opacity:.8;font-size:.9rem;line-height:1.4}button:disabled,input:disabled,select:disabled,.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;color:var(--disabled-text);border-color:var(--disabled-border);background:var(--disabled-bg);opacity:var(--disabled-opacity);box-shadow:none}.filter-warning{color:var(--warning)!important;margin-top:12px!important}.empty-state{border:1px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;background:var(--panel-inset);padding:50px 24px}.empty-state h3{margin-top:0;font-size:1.4rem}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.centered{width:min(420px,100%);margin:0 auto}.sets-collapsible-panel{padding:0;overflow:hidden}.sets-collapsible{width:100%}.sets-collapsible-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;list-style:none;display:flex}.sets-collapsible-summary::-webkit-details-marker{display:none}.sets-collapsible-summary h3{margin:0 0 5px}.sets-collapsible-summary p{color:var(--text-secondary);margin:0}.sets-collapsible-toggle{border:1px solid var(--border-default);color:var(--text-primary);background:var(--panel-inset);border-radius:999px;flex:none;align-items:center;gap:10px;padding:8px 10px 8px 14px;transition:background .14s,border-color .14s,transform .14s;display:flex}.sets-collapsible-summary:hover .sets-collapsible-toggle{border-color:var(--border-hover);background:var(--panel-hover)}.sets-collapsible-toggle-label{letter-spacing:.02em;font-size:.82rem;font-weight:700}.sets-collapsible-chevron{width:28px;height:28px;color:var(--text-dark);background:var(--accent-primary);border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;transition:transform .16s;display:grid}.sets-collapsible[open] .sets-collapsible-chevron{transform:rotate(180deg)}.sets-collapsible[open] .sets-collapsible-toggle-label:after{content:""}.sets-collapsible-content{border-top:1px solid var(--border-subtle);padding:0 24px 24px}.sets-collapsible-help{color:var(--text-secondary)!important;margin:18px 0 0!important}.set-selector{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.set-option{border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--panel-inset);text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:background .12s,border-color .12s,transform .12s;display:flex}.set-option:hover{border-color:var(--page-accent-bright);background:var(--panel-hover);box-shadow:0 0 18px color-mix(in srgb, var(--page-accent-bright) 13%, transparent);transform:translateY(-1px)}.set-option.selected{color:var(--text-primary);border-color:var(--page-accent-bright);background:var(--panel-active)}.set-check{border:1px solid var(--border-default);width:24px;height:24px;color:var(--text-primary);background:var(--panel-bg);border-radius:7px;flex:0 0 24px;place-items:center;display:grid}.set-option.selected .set-check{border-color:var(--page-accent-bright);color:var(--text-dark);background:var(--page-accent-bright)}.inventory-list{gap:10px;margin-top:18px;display:grid}.inventory-row{border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--panel-inset);justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.inventory-row>div:first-child{gap:4px;display:grid}.inventory-row strong{color:var(--text-primary)}.inventory-row span{color:var(--text-secondary);font-size:.9rem}.quantity-control{align-items:center;gap:12px;display:flex}.quantity-control button{border:2px solid var(--border-default);border-radius:var(--radius-sm);background:var(--button-secondary-bg);width:34px;height:34px;color:var(--text-primary);font-size:1.2rem}.quantity-control button:hover:not(:disabled){border-color:var(--page-accent-bright);background:var(--button-secondary-hover);box-shadow:0 0 14px color-mix(in srgb, var(--page-accent-bright) 14%, transparent)}.quantity-control span{text-align:center;min-width:24px;color:var(--text-primary);font-weight:700}.reveal-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.ready-to-reveal{cursor:pointer}.ready-to-reveal:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:6px;border-radius:var(--radius-lg)}.pack-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--panel-bg);text-align:center;padding:18px}.pack-art-placeholder{background:radial-gradient(circle at top, color-mix(in srgb, var(--accent-primary) 18%, transparent), transparent 45%), var(--bg-deep);border:1px solid var(--border-subtle);min-height:320px;color:var(--text-muted);border-radius:14px;place-items:center;font-size:1rem;display:grid}.pack-card h3{margin:18px 0 5px;font-size:1.35rem}.pack-card p{color:var(--text-secondary);margin:0}.pair-explanation{text-align:center;max-width:760px;color:var(--text-secondary);margin:26px auto;line-height:1.6}.reveal-actions{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:24px;display:grid}.flip-card{perspective:1200px;min-height:455px}.flip-card-inner{width:100%;height:100%;min-height:455px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.flip-card-inner.revealed{transform:rotateY(180deg)}.flip-card-face{border:1px solid var(--border-default);border-radius:var(--radius-lg);backface-visibility:hidden;padding:18px;position:absolute;inset:0}.flip-card-back{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent-primary) 14%, transparent), transparent 42%), linear-gradient(145deg, var(--panel-bg), var(--bg-deep));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.flip-card-back strong{font-size:1.2rem}.flip-card-back span{color:var(--text-muted)}.card-back-symbol{border:2px solid var(--border-active);width:92px;height:92px;color:var(--text-primary);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent-primary) 8%, transparent), 0 0 40px color-mix(in srgb, var(--accent-primary) 16%, transparent);border-radius:50%;place-items:center;margin-bottom:8px;font-size:2.6rem;font-weight:800;display:grid}.flip-card-front{background:var(--panel-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.1rem;display:flex;overflow:hidden;transform:rotateY(180deg)}.flip-card-front h3{flex-shrink:0;margin:.35rem 0 .15rem;font-size:1.35rem}.flip-card-front p{color:var(--text-secondary);flex-shrink:0;margin:0}.post-reveal{animation:.3s both reveal-content}@keyframes reveal-content{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.session-history-page{max-width:1120px}.session-history-hero{margin-bottom:1.35rem}.session-history-list{gap:1rem;display:grid}.session-history-card{padding:1.15rem 1.25rem}.session-history-card .section-heading{align-items:center;margin-bottom:.85rem}.session-history-card>.section-heading{text-align:center;justify-content:center;position:relative}.session-history-card>.section-heading>div{text-align:center;width:100%}.session-history-card>.section-heading h3{margin-bottom:.18rem;font-size:1.35rem;line-height:1.2}.session-history-card>.section-heading p{margin:0}.history-delete-button{appearance:none;color:var(--text-muted);font:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:.5rem;padding:.35rem .45rem;font-size:.88rem;transition:opacity .16s,color .16s,background .16s}.history-delete-button:hover,.history-delete-button:focus-visible{opacity:1;color:var(--text-primary);background:color-mix(in srgb, var(--danger) 12%, transparent)}.session-history-card>.section-heading .history-delete-button{position:absolute;top:50%;right:0;transform:translateY(-50%)}.history-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.8rem;display:grid}.history-pack-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-inset) 82%, transparent);text-align:center;border-radius:.85rem;flex-direction:column;align-items:center;gap:.22rem;min-height:0;padding:.85rem 1rem;display:flex}.history-pack-card strong{font-size:.98rem}.history-pack-card span{color:var(--text-muted);font-size:.9rem}.history-explanation{max-width:900px;margin:.7rem auto 1.6rem;font-size:.96rem;line-height:1.5}.history-feedback-heading{text-align:center;justify-content:center;margin-top:2.5rem;margin-bottom:.55rem!important}.history-feedback-heading>div{text-align:center;width:100%}.history-feedback-heading h3{margin-bottom:.3rem;font-size:1.25rem;line-height:1.2}.history-feedback-heading p{font-size:.86rem}.history-feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.history-feedback-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-inset) 76%, transparent);min-height:0;color:inherit;text-align:left;cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.18rem;padding:.72rem .85rem;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex}.history-feedback-card strong{font-size:.93rem}.history-feedback-card span{color:var(--text-muted);font-size:.82rem;line-height:1.35}.history-feedback-card:hover,.history-feedback-card:focus-visible{border-color:var(--page-accent-bright);transform:translateY(-1px)}.history-feedback-card.active{border-color:var(--page-accent-bright);background:var(--panel-active);box-shadow:0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 22%, transparent), 0 0 16px color-mix(in srgb, var(--page-accent-bright) 12%, transparent)}.history-feedback-card.active strong:before{content:"✓ "}.manual-matchup-list{gap:.75rem;margin-top:1rem;display:grid}.manual-matchup-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.matchup-vs,.organized-versus{letter-spacing:.08em;color:var(--text-primary);font-weight:800}.matchup-bye{text-align:center;color:var(--text-muted)}.organized-matchup-board{gap:1rem;display:grid}.organized-matchup{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-inset) 80%, transparent);border-radius:1rem;padding:.85rem}.organized-matchup-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.organized-versus{justify-content:center;align-items:center;min-width:2.2rem;font-size:1rem;display:flex}.organized-player-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-bg) 86%, transparent);border-radius:.85rem;min-width:0;padding:.85rem}.organized-player-heading{text-align:center;margin-bottom:.6rem}.organized-player-heading h3{margin:0 0 .15rem;font-size:1.12rem}.organized-player-heading p{color:var(--text-muted);margin:0;font-size:.84rem}.organized-pack-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.organized-player-card .history-pack-card{padding:.58rem .65rem}.organized-player-card .history-pack-card strong{font-size:.86rem}.organized-player-card .history-pack-card span{font-size:.72rem}.organized-explanation{text-align:center;color:var(--text-muted);margin:.6rem 0 0;font-size:.82rem;line-height:1.35}.organized-reroll-button{width:100%;margin-top:.65rem;padding:.55rem .7rem}.organized-reroll-button span{font-size:.72rem}.organized-game-controls{border-top:1px solid var(--border-subtle);text-align:center;margin-top:.8rem;padding-top:.8rem}.organized-game-controls h4{margin:0 0 .65rem;font-size:1.08rem}.organized-game-button{width:min(420px,100%);margin:0 auto}.organized-next-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.organized-deck-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:760px;margin:0 auto;display:grid}.organized-control-note{max-width:720px;color:var(--text-muted);margin:0 auto .75rem;line-height:1.45}.organized-status-box{justify-items:center;gap:.4rem;display:grid}.organized-status-box>strong{font-size:1.05rem}.organized-status-box>span{color:var(--text-muted)}.organized-matchup-waiting,.organized-matchup-waiting-rematch{border-color:var(--border-hover)}.organized-bye-card{text-align:center;justify-content:center;align-items:center;display:flex}.organized-individual-options{gap:.8rem;max-width:900px;margin:0 auto;display:grid}.organized-individual-player{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-bg) 82%, transparent);border-radius:.85rem;padding:.8rem}.organized-individual-player>strong{text-align:center;margin-bottom:.55rem;font-size:1rem;display:block}.organized-individual-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.organized-individual-buttons .secondary-action.active{border-color:var(--border-active);background:var(--panel-active);box-shadow:0 0 0 1px color-mix(in srgb, var(--border-active) 22%, transparent)}.organized-choice-waiting{text-align:center;color:var(--text-muted);margin-top:.55rem;font-size:.82rem;display:block}.organized-player-status-panel{margin-top:1rem}.organized-player-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.organized-player-status-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--panel-inset) 80%, transparent);border-radius:.8rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.organized-player-status-card>div{gap:.15rem;display:grid}.organized-player-status-card span{color:var(--text-muted);font-size:.8rem}.organized-player-status-card .secondary-action{min-width:0;padding:.45rem .6rem}.organized-player-status-waiting{border-color:var(--border-hover)}.organized-player-status-sitting-out{opacity:.88}.organized-player-status-finished{opacity:.62}.pack-theme-image{object-fit:contain;width:min(100%,330px);max-height:430px;box-shadow:var(--shadow-image);border-radius:.8rem;margin:0 auto .8rem;display:block}.history-theme-thumbnail{aspect-ratio:5/7;object-fit:cover;border-radius:.42rem;width:76px;margin:0 auto .45rem;display:block;box-shadow:0 5px 14px #0000003d}.organized-theme-thumbnail{aspect-ratio:5/7;object-fit:cover;border-radius:.38rem;width:62px;margin:0 auto .4rem;display:block;box-shadow:0 4px 12px #00000038}.flip-card-front .pack-theme-image-button{flex:auto;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;max-height:78%;margin:0 auto .65rem;padding:0;display:flex}.flip-card-front .pack-theme-image-button .pack-theme-image{object-fit:contain;flex-shrink:1;width:auto;max-width:88%;height:auto;max-height:100%;margin:0;display:block}.reveal-grid .flip-card{min-width:0}.reveal-grid .flip-card-inner{width:100%;height:100%}.theme-image-button{appearance:none;cursor:zoom-in;background:0 0;border:none;margin:0;padding:0}.theme-image-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:18px}.pack-theme-image-button{width:100%;display:block}.pack-theme-image-button .pack-theme-image{display:block}.history-pack-card .theme-image-button,.organized-player-card .theme-image-button{justify-content:center;align-self:center;display:inline-flex}.theme-lightbox-overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050403e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.theme-lightbox-panel{border:1px solid var(--border-active);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--panel-hover) 0%, var(--panel-bg) 100%);width:min(92vw,540px);max-height:92vh;padding:20px 20px 16px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000085}.theme-lightbox-close{border:1px solid var(--border-default);background:color-mix(in srgb, var(--panel-inset) 82%, transparent);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:999px;place-items:center;font-size:1.8rem;line-height:1;display:grid;position:absolute;top:12px;right:12px}.theme-lightbox-close:hover{border-color:var(--border-hover);background:var(--panel-hover)}.theme-lightbox-image{object-fit:contain;border-radius:18px;width:100%;max-height:78vh;display:block}.theme-lightbox-caption{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}.theme-lightbox-caption strong{font-size:1.4rem}.theme-lightbox-caption span{color:var(--text-secondary)}@media (width<=950px){.organized-player-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.organized-matchup-players{grid-template-columns:1fr}.organized-versus{min-height:1.3rem}.organized-next-actions{grid-template-columns:1fr}}@media (width<=800px){.topbar{flex-direction:column;align-items:flex-start;padding:20px}.page{width:min(100% - 28px,1100px);padding-top:30px}.mode-grid,.action-grid,.two-column,.reveal-grid,.reveal-actions{grid-template-columns:1fr}.compact-panel{flex-direction:column;align-items:stretch}.color-select{width:100%}.pack-art-placeholder{min-height:220px}.flip-card,.flip-card-inner{min-height:350px}}@media (width<=720px){.history-pack-grid,.history-feedback-grid{grid-template-columns:1fr}.session-history-card{padding:1rem}.pack-theme-image{width:min(100%,270px);max-height:360px}.history-theme-thumbnail{width:66px}.organized-theme-thumbnail{width:58px}}@media (width<=700px){.organized-individual-buttons,.organized-player-status-grid{grid-template-columns:1fr}}@media (width<=640px){.manual-matchup-row,.organized-pack-row,.organized-deck-actions{grid-template-columns:1fr}.matchup-vs{text-align:center}}@media (width<=600px){.set-selector{grid-template-columns:1fr}.inventory-row{flex-direction:column;align-items:flex-start}}.app .panel,.app .mode-card,.app .set-option,.app .primary-action,.app .secondary-action{border-width:2px}.app[data-page=home]{--page-accent:#c2baa3;--page-accent-bright:#f0e6c8}.app[data-page=inventory] .inventory-row,.app[data-page=inventory] .quantity-control button{border-width:2px}.app[data-page=history]{--page-accent:#3e7fa3;--page-accent-bright:#5aa8d3}.app[data-page=history] .session-history-card{border-width:2px}.app[data-page=history] .history-pack-card{border-width:1px}.app[data-page=settings] .panel,.app[data-page=settings] .mode-card,.app[data-page=settings] .secondary-action,.app[data-page=insights] .panel,.app[data-page=insights] .insight-card{border-width:2px}.app[data-page=inventory] .inventory-row{border:2px solid color-mix(in srgb, var(--page-accent) 72%, var(--border-default))}.app[data-page=inventory] .inventory-row:hover{border-color:var(--page-accent-bright);box-shadow:0 0 16px color-mix(in srgb, var(--page-accent-bright) 14%, transparent)}.app[data-page=inventory] .quantity-control button{border:2px solid color-mix(in srgb, var(--page-accent) 72%, var(--border-default))}.app[data-page=inventory] .quantity-control button:hover:not(:disabled){border-color:var(--page-accent-bright);box-shadow:0 0 14px color-mix(in srgb, var(--page-accent-bright) 16%, transparent)}.app[data-page=inventory] .color-select{border:2px solid color-mix(in srgb, var(--page-accent) 62%, var(--input-border))}.app[data-page=inventory] .color-select:hover,.app[data-page=inventory] .color-select:focus,.app[data-page=inventory] .color-select:focus-visible{border-color:var(--page-accent-bright)}.app[data-page=history] .history-pack-card,.app[data-page=history] .history-feedback-card{border:2px solid color-mix(in srgb, var(--page-accent) 66%, var(--border-default))}.app[data-page=history] .history-feedback-card:hover,.app[data-page=history] .history-feedback-card:focus-visible{border-color:var(--page-accent-bright);box-shadow:0 0 16px color-mix(in srgb, var(--page-accent-bright) 14%, transparent)}.app[data-page=history] .history-feedback-card.active{border-color:var(--page-accent-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 14%, transparent), 0 0 18px color-mix(in srgb, var(--page-accent-bright) 16%, transparent)}.app[data-page=history] .theme-image-button:focus-visible{outline-color:var(--page-accent-bright)}.insights-page{max-width:1180px}.insights-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.insight-card{border:2px solid color-mix(in srgb, var(--page-accent-bright) 58%, var(--border-default));border-radius:var(--radius-md);background:var(--panel-inset);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--page-accent-bright) 7%, transparent);transition:transform .14s,border-color .14s,box-shadow .14s,background .14s}.insight-card:hover{border-color:var(--page-accent-bright);box-shadow:0 0 16px color-mix(in srgb, var(--page-accent-bright) 12%, transparent), 0 8px 24px #0000002e;transform:translateY(-1px)}.insight-stat-card{flex-direction:column;justify-content:center;gap:7px;min-height:142px;padding:18px;display:flex}.insight-stat-label{color:var(--text-secondary);letter-spacing:.025em;text-transform:uppercase;font-size:.84rem;font-weight:700}.insight-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);line-height:1}.insight-stat-note{color:var(--text-muted);font-size:.82rem;line-height:1.35}.insights-feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.insight-feedback-card{gap:7px;padding:18px;display:grid}.insight-feedback-card>strong{font-family:var(--font-display);font-size:1rem}.insight-feedback-card>span:last-child{color:var(--text-muted);font-size:.84rem}.insight-feedback-percent{font-family:var(--font-display);font-size:2rem;line-height:1}.insights-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.insights-two-column>.panel{min-width:0}.insights-ranking-list{counter-reset:insight-rank;gap:8px;margin:0;padding:0;list-style:none;display:grid}.insights-ranking-list li{counter-increment:insight-rank;border:1px solid color-mix(in srgb, var(--page-accent-bright) 38%, var(--border-default));border-radius:var(--radius-sm);background:var(--panel-inset);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:grid}.insights-ranking-list li:before{content:counter(insight-rank);border:1px solid color-mix(in srgb, var(--page-accent-bright) 56%, var(--border-default));width:26px;height:26px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid}.insights-ranking-list li>span{min-width:0;color:var(--text-primary)}.insights-ranking-list li>strong{color:var(--text-secondary)}.insights-pair-list{gap:9px;display:grid}.insight-pair-card{justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:12px 14px;display:flex}.insight-pair-card>div{gap:4px;min-width:0;display:grid}.insight-pair-card>div>strong{font-size:.94rem}.insight-pair-card>div>span{color:var(--text-muted);font-size:.8rem}.insight-pair-score{font-family:var(--font-display);color:var(--text-secondary);flex:none;font-size:1.15rem}.insights-empty-note{border:1px dashed color-mix(in srgb, var(--page-accent-bright) 38%, var(--border-default));border-radius:var(--radius-md);background:var(--panel-inset);text-align:center;padding:18px;line-height:1.45;color:var(--text-muted)!important}.insights-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.insights-collection-grid .insight-card{text-align:center;gap:5px;padding:16px;display:grid}.insights-collection-grid .insight-card strong{font-family:var(--font-display);font-size:1.55rem}.insights-collection-grid .insight-card span{color:var(--text-muted);font-size:.82rem}@media (width<=900px){.insights-stat-grid,.insights-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.insights-two-column,.insights-feedback-grid{grid-template-columns:1fr}}@media (width<=520px){.insights-stat-grid,.insights-collection-grid{grid-template-columns:1fr}}.nav .nav-home{background:var(--tab-home);border-color:color-mix(in srgb, var(--tab-home-hover) 62%, transparent)}.nav .nav-home:hover{background:var(--tab-home-hover)}.nav .nav-home.active{color:var(--tab-home-active-text);background:var(--tab-home-active);border-color:var(--tab-home-active)}.nav .nav-inventory{background:var(--tab-inventory);border-color:color-mix(in srgb, var(--tab-inventory-hover) 62%, transparent)}.nav .nav-inventory:hover{background:var(--tab-inventory-hover)}.nav .nav-inventory.active{color:var(--tab-inventory-active-text);background:var(--tab-inventory-active);border-color:var(--tab-inventory-active)}.nav .nav-history{background:var(--tab-history);border-color:color-mix(in srgb, var(--tab-history-hover) 62%, transparent)}.nav .nav-history:hover{background:var(--tab-history-hover)}.nav .nav-history.active{color:var(--tab-history-active-text);background:var(--tab-history-active);border-color:var(--tab-history-active)}.nav .nav-settings{background:var(--tab-settings);border-color:color-mix(in srgb, var(--tab-settings-hover) 62%, transparent)}.nav .nav-settings:hover{background:var(--tab-settings-hover)}.nav .nav-settings.active{color:var(--tab-settings-active-text);background:var(--tab-settings-active);border-color:var(--tab-settings-active)}.nav .nav-insights{color:#d7d2cf;background:#111010;border-color:#5b5653}.nav .nav-insights:hover{color:#f1edec;background:#1d1b1a;border-color:#8e8884}.nav .nav-insights.active{color:#f7f4f2;background:linear-gradient(#343130 0%,#22201f 100%);border-color:#b9b3af;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #b9b3af24,0 0 16px #b9b3af1f,0 8px 18px #00000047}.app[data-page=insights]{--page-accent:#77716d;--page-accent-bright:#c1bbb7}.app[data-page=insights] .panel{border-color:#817b77}.app[data-page=insights] .insight-card{background:linear-gradient(145deg, color-mix(in srgb, var(--panel-inset) 94%, #2b2928 6%), var(--panel-inset));border-color:#918b87}.app[data-page=insights] .insight-card:hover{border-color:#c1bbb7;box-shadow:inset 0 0 0 1px #ffffff09,0 0 0 1px #c1bbb71f,0 0 20px #c1bbb729,0 8px 24px #00000038}.app[data-page=insights] .insights-ranking-list li{border-color:#716b68}.app[data-page=insights] .insights-ranking-list li:before{color:#d2cdca;border-color:#9b9591}.app[data-page=insights] .insights-empty-note{border-color:#79736f}.app[data-page=insights] .insight-stat-label,.app[data-page=insights] .insight-pair-score{color:#d0cbc8}.app[data-page=insights] .insight-stat-note,.app[data-page=insights] .insight-pair-card>div>span,.app[data-page=insights] .insights-collection-grid .insight-card span{color:#aaa4a0}.nav .nav-button.nav-home{background:var(--tab-home);border-color:color-mix(in srgb, var(--tab-home-hover) 62%, transparent)}.nav .nav-button.nav-home:hover{background:var(--tab-home-hover)}.nav .nav-button.nav-home.active{color:var(--tab-home-active-text);background:var(--tab-home-active);border-color:var(--tab-home-active)}.nav .nav-button.nav-inventory{background:var(--tab-inventory);border-color:color-mix(in srgb, var(--tab-inventory-hover) 62%, transparent)}.nav .nav-button.nav-inventory:hover{background:var(--tab-inventory-hover)}.nav .nav-button.nav-inventory.active{color:var(--tab-inventory-active-text);background:var(--tab-inventory-active);border-color:var(--tab-inventory-active)}.nav .nav-button.nav-history{background:var(--tab-history);border-color:color-mix(in srgb, var(--tab-history-hover) 62%, transparent)}.nav .nav-button.nav-history:hover{background:var(--tab-history-hover)}.nav .nav-button.nav-history.active{color:var(--tab-history-active-text);background:var(--tab-history-active);border-color:var(--tab-history-active)}.nav .nav-button.nav-settings{background:var(--tab-settings);border-color:color-mix(in srgb, var(--tab-settings-hover) 62%, transparent)}.nav .nav-button.nav-settings:hover{background:var(--tab-settings-hover)}.nav .nav-button.nav-settings.active{color:var(--tab-settings-active-text);background:var(--tab-settings-active);border-color:var(--tab-settings-active)}.app[data-page=insights]{--page-accent:#8a8582;--page-accent-bright:#d8d3cf;background:radial-gradient(circle at 18% 10%, #d8d3cf09, transparent 30%), radial-gradient(circle at 82% 16%, #78747109, transparent 34%), var(--bg-page)}.app[data-page=insights] .topbar{background:color-mix(in srgb, var(--bg-secondary) 94%, transparent);border-bottom-color:#6b6662;box-shadow:0 8px 28px #00000038}.app[data-page=insights] .hero h2{color:#f3f0ed}.app[data-page=insights] .hero p{color:#c5c0bc}.app[data-page=insights] .panel{background:linear-gradient(145deg, color-mix(in srgb, var(--panel-bg) 82%, #161515 18%), color-mix(in srgb, var(--panel-bg) 70%, #111010 30%));border-color:#8e8985;box-shadow:inset 0 0 0 1px #ffffff06,0 16px 42px #00000057}.app[data-page=insights] .panel h3{color:#f0ece9}.app[data-page=insights] .panel p{color:#b8b3af}.app[data-page=insights] .insight-card{background:linear-gradient(150deg, color-mix(in srgb, var(--panel-inset) 80%, #161515 20%), color-mix(in srgb, var(--panel-inset) 68%, #101010 32%));color:#f2efec;border-color:#a39e9a;box-shadow:inset 0 0 0 1px #ffffff09,0 8px 22px #00000038}.app[data-page=insights] .insight-card:hover{background:linear-gradient(150deg,#1e1c1c 0%,#141313 100%);border-color:#ddd8d4;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0e,0 0 0 1px #ddd8d429,0 0 22px #ddd8d42e,0 10px 28px #0000004d}.app[data-page=insights] .insight-stat-label{color:#d5d0cc}.app[data-page=insights] .insight-stat-value{color:#faf8f6}.app[data-page=insights] .insight-stat-note{color:#afaaa6}.app[data-page=insights] .insight-feedback-card>strong{color:#f1eeeb}.app[data-page=insights] .insight-feedback-percent{color:#f8f5f2}.app[data-page=insights] .insight-feedback-card>span:last-child{color:#aaa5a1}.app[data-page=insights] .insights-ranking-list li{background:linear-gradient(145deg,#151414 0%,#101010 100%);border-color:#77726f}.app[data-page=insights] .insights-ranking-list li:hover{background:linear-gradient(145deg,#1b1a1a 0%,#131212 100%);border-color:#bfbab6}.app[data-page=insights] .insights-ranking-list li:before{color:#e3dfdc;background:#191818;border-color:#aaa5a1}.app[data-page=insights] .insights-ranking-list li>span{color:#e9e5e2}.app[data-page=insights] .insights-ranking-list li>strong{color:#cbc6c2}.app[data-page=insights] .insight-pair-card>div>strong{color:#f0ede9}.app[data-page=insights] .insight-pair-card>div>span{color:#aaa5a1}.app[data-page=insights] .insight-pair-score{color:#d8d3cf}.app[data-page=insights] .insights-collection-grid .insight-card strong{color:#f5f2ef}.app[data-page=insights] .insights-collection-grid .insight-card span{color:#aaa5a1}.app[data-page=insights] .insights-empty-note{background:linear-gradient(145deg,#151414 0%,#101010 100%);border-color:#77726f;color:#afaaa6!important}.app[data-page=insights] .insight-card:focus-within,.app[data-page=insights] .mode-card.active,.app[data-page=insights] .set-option.selected{border-color:#ddd8d4;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ddd8d42e,0 0 22px #ddd8d42e}.nav .nav-button.nav-insights{color:#d7d2cf;background:#090909;border-color:#4f4b48}.nav .nav-button.nav-insights:hover{color:#f3f0ed;background:#161515;border-color:#8e8985}.nav .nav-button.nav-insights.active{color:#fff;background:linear-gradient(#2b2928 0%,#111010 100%);border-color:#d8d3cf;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #d8d3cf2e,0 0 18px #d8d3cf33,0 8px 18px #0000004d}.compatibility-reasons{border:2px solid color-mix(in srgb, var(--page-accent) 62%, var(--border-default));border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--panel-bg) 97%, var(--page-accent) 3%), var(--panel-bg));width:min(900px,100%);box-shadow:var(--shadow-panel);margin:28px auto 0;padding:22px}.compatibility-reasons-heading{text-align:center;margin-bottom:16px}.compatibility-reasons-heading h3{font-family:var(--font-display);letter-spacing:.018em;color:var(--text-primary);margin:0 0 5px;font-size:1.15rem;font-weight:600}.compatibility-reasons-heading p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.45}.compatibility-reason-list{gap:12px;display:grid}.compatibility-reason-card{border:1px solid color-mix(in srgb, var(--page-accent) 55%, var(--border-default));border-radius:var(--radius-md);background:var(--panel-inset);padding:16px 18px;box-shadow:inset 0 0 0 1px #ffffff05}.compatibility-reason-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.compatibility-reason-title-row>strong{font-family:var(--font-display);letter-spacing:.015em;color:var(--text-primary);font-size:1.05rem;font-weight:600}.compatibility-reason-kind{border:1px solid color-mix(in srgb, var(--page-accent-bright) 48%, var(--border-default));color:var(--text-secondary);background:color-mix(in srgb, var(--panel-active) 82%, transparent);letter-spacing:.025em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:.72rem;font-weight:700}.compatibility-reason-summary{color:var(--text-primary);margin:0 0 8px;font-size:.95rem;line-height:1.5}.compatibility-reason-definition{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.compatibility-reason-definition>span{color:var(--text-primary);font-weight:700}.compatibility-reason-shared{border-left:3px solid var(--page-accent-bright)}.compatibility-reason-support{border-left:3px solid color-mix(in srgb, var(--page-accent-bright) 82%, var(--accent-primary))}.compatibility-reason-pace{border-left:3px solid color-mix(in srgb, var(--page-accent) 74%, var(--border-active))}.compatibility-reason-empty{border:1px dashed color-mix(in srgb, var(--page-accent) 58%, var(--border-default));border-radius:var(--radius-md);background:var(--panel-inset);text-align:center;gap:5px;padding:18px;display:grid}.compatibility-reason-empty strong{font-family:var(--font-display);color:var(--text-primary)}.compatibility-reason-empty span{color:var(--text-muted);font-size:.88rem;line-height:1.45}@media (width<=600px){.compatibility-reasons{padding:18px 14px}.compatibility-reason-title-row{flex-direction:column;align-items:flex-start;gap:7px}}.compatibility-reason-balanced{border-left:3px solid color-mix(in srgb, var(--page-accent-bright) 72%, var(--accent-primary))}.back-home-button{color:var(--text-primary);background:var(--button-secondary-bg);border:2px solid color-mix(in srgb, var(--page-accent) 72%, var(--border-default));box-shadow:inset 0 0 0 1px #ffffff06,0 6px 16px #0003}.back-home-button:hover{color:var(--text-primary);background:var(--button-secondary-hover);border-color:var(--page-accent-bright)}.back-home-button:active{background:var(--button-secondary-active)}.back-home-button:focus-visible{outline:var(--focus-ring-width) solid var(--page-accent-bright);outline-offset:3px}.organized-explanation-list{gap:.45rem;margin-top:.7rem;display:grid}.organized-explanation-item{border:1px solid color-mix(in srgb, var(--page-accent) 48%, var(--border-default));background:color-mix(in srgb, var(--panel-inset) 84%, transparent);text-align:left;border-radius:.65rem;gap:.18rem;padding:.52rem .62rem;display:grid}.organized-explanation-item strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.012em;font-size:.78rem;font-weight:600;line-height:1.25}.organized-explanation-item span{color:var(--text-muted);font-size:.72rem;line-height:1.35}@media (width<=900px){.organized-explanation-item{padding:.58rem .68rem}.organized-explanation-item strong{font-size:.82rem}.organized-explanation-item span{font-size:.75rem}}