:root{--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root{--c-ink: #1a1410;--c-cream: #efe9dd;--c-paper: #f6f1e6;--c-accent: #b9301c;--c-moss: #2d5a3f;--c-muted: #8a7f72;--c-accent-soft: rgba(185, 48, 28, .06);--c-accent-edge: rgba(185, 48, 28, .05);--c-moss-soft: rgba(45, 90, 63, .08);--c-ink-shadow: rgba(26, 20, 16, .08);--c-ink-veil: rgba(26, 20, 16, .55);--c-page-gradient-a: rgba(185, 48, 28, .04);--c-page-gradient-b: rgba(45, 90, 63, .04)}[data-theme=midnight]{--c-ink: #efe9dd;--c-cream: #161a25;--c-paper: #1f2533;--c-accent: #d4a548;--c-moss: #6fb89a;--c-muted: #7d8699;--c-accent-soft: rgba(212, 165, 72, .1);--c-accent-edge: rgba(212, 165, 72, .08);--c-moss-soft: rgba(111, 184, 154, .14);--c-ink-shadow: rgba(0, 0, 0, .55);--c-ink-veil: rgba(0, 0, 0, .7);--c-page-gradient-a: rgba(212, 165, 72, .05);--c-page-gradient-b: rgba(111, 184, 154, .05)}[data-theme=field]{--c-ink: #0e2818;--c-cream: #ebe4d3;--c-paper: #f4eee2;--c-accent: #c2410c;--c-moss: #144d2c;--c-muted: #7d8674;--c-accent-soft: rgba(194, 65, 12, .08);--c-accent-edge: rgba(194, 65, 12, .06);--c-moss-soft: rgba(20, 77, 44, .1);--c-ink-shadow: rgba(14, 40, 24, .1);--c-ink-veil: rgba(14, 40, 24, .55);--c-page-gradient-a: rgba(194, 65, 12, .04);--c-page-gradient-b: rgba(20, 77, 44, .05)}[data-theme=press]{--c-ink: #000000;--c-cream: #f5f5f5;--c-paper: #ffffff;--c-accent: #cc0000;--c-moss: #006633;--c-muted: #555555;--c-accent-soft: rgba(204, 0, 0, .08);--c-accent-edge: rgba(204, 0, 0, .06);--c-moss-soft: rgba(0, 102, 51, .1);--c-ink-shadow: rgba(0, 0, 0, .12);--c-ink-veil: rgba(0, 0, 0, .6);--c-page-gradient-a: rgba(204, 0, 0, .03);--c-page-gradient-b: rgba(0, 102, 51, .03)}[data-theme=nintendo]{--c-ink: #1a1a1a;--c-cream: #f4f4f4;--c-paper: #ffffff;--c-accent: #e60012;--c-moss: #00c3e3;--c-muted: #989898;--c-accent-soft: rgba(230, 0, 18, .08);--c-accent-edge: rgba(230, 0, 18, .06);--c-moss-soft: rgba(0, 195, 227, .12);--c-ink-shadow: rgba(26, 26, 26, .1);--c-ink-veil: rgba(26, 26, 26, .55);--c-page-gradient-a: rgba(230, 0, 18, .04);--c-page-gradient-b: rgba(0, 195, 227, .05)}[data-theme=playstation]{--c-ink: #ebedf5;--c-cream: #0a0e27;--c-paper: #1a1f3a;--c-accent: #0070d1;--c-moss: #5bba47;--c-muted: #6a7b9a;--c-accent-soft: rgba(0, 112, 209, .14);--c-accent-edge: rgba(0, 112, 209, .1);--c-moss-soft: rgba(91, 186, 71, .14);--c-ink-shadow: rgba(0, 0, 0, .55);--c-ink-veil: rgba(0, 0, 0, .7);--c-page-gradient-a: rgba(0, 112, 209, .06);--c-page-gradient-b: rgba(91, 186, 71, .04)}[data-theme=xbox]{--c-ink: #f0f0f0;--c-cream: #0e0e0e;--c-paper: #1f1f1f;--c-accent: #107c10;--c-moss: #16a085;--c-muted: #707070;--c-accent-soft: rgba(16, 124, 16, .14);--c-accent-edge: rgba(16, 124, 16, .1);--c-moss-soft: rgba(22, 160, 133, .14);--c-ink-shadow: rgba(0, 0, 0, .6);--c-ink-veil: rgba(0, 0, 0, .72);--c-page-gradient-a: rgba(16, 124, 16, .06);--c-page-gradient-b: rgba(22, 160, 133, .05)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui),sans-serif;color:var(--c-ink);background:var(--c-cream)}button{font:inherit}input,textarea,select{font:inherit;color:inherit}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.match-card{animation:fadein .3s ease-out both}@media (prefers-reduced-motion: reduce){.match-card{animation:none}*{transition:none!important}}.match-card input:focus,.match-card textarea:focus,.setup-grid input:focus,.setup-grid textarea:focus,.setup-grid button:focus-visible,.icon-btn:focus-visible,.nav-btn:focus-visible,.skin-swatch:focus-visible,.player-arrow:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.ad-slot:hover{background:#8a7f7214}.nav-btn:hover,.icon-btn:hover{background:var(--c-ink);color:var(--c-cream)}.hide-on-mobile{display:none}.hide-on-desktop{display:initial}@media (min-width: 640px){.hide-on-mobile{display:initial}.hide-on-desktop{display:none}}.setup-grid{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 768px){.setup-grid{grid-template-columns:1fr 1fr}}.main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.main-grid>aside.sidebar{display:none}.main-grid>.inline-aside{display:block}@media (min-width: 1024px){.main-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.main-grid>aside.sidebar{display:flex}.main-grid>.inline-aside{display:none}}.app-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:3px double var(--c-ink)}@media (min-width: 640px){.app-header{flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}.header-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.icon-btn .icon-btn-label{display:none}@media (min-width: 640px){.icon-btn .icon-btn-label{display:inline}}@media (max-width: 639.98px){.icon-btn,.nav-btn,.player-arrow,.skin-swatch{min-height:44px;min-width:44px}}.nav-strip{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--c-ink);overflow-x:auto;overflow-y:hidden;position:sticky;top:0;background:var(--c-cream);z-index:10;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){.nav-strip{position:static}}.round-pager{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0 8px;margin-bottom:10px}.round-pager-chip{flex:0 0 auto;padding:8px 14px;background:var(--c-paper);color:var(--c-ink);border:1px solid var(--c-ink);font-family:var(--font-display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.round-pager-chip.is-active{background:var(--c-ink);color:var(--c-cream);border-color:var(--c-ink)}.round-pager-chip.is-playable{border-color:var(--c-accent);color:var(--c-accent)}.round-pager-chip.is-active.is-playable{background:var(--c-accent);color:var(--c-cream)}.segmented{display:flex;border:1px solid var(--c-ink);margin-bottom:12px}.segmented-btn{flex:1;padding:10px 12px;background:var(--c-paper);color:var(--c-ink);border:0;cursor:pointer;font-family:var(--font-display);font-size:12px;letter-spacing:.15em;text-transform:uppercase;min-height:44px}.segmented-btn+.segmented-btn{border-left:1px solid var(--c-ink)}.segmented-btn.is-active{background:var(--c-ink);color:var(--c-cream)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--c-ink);color:var(--c-cream);padding:10px 16px;font-family:var(--font-ui),sans-serif;font-size:13px;letter-spacing:.05em;border:1px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink-shadow);z-index:1100;animation:fadein .18s ease-out both}.skin-swatch{width:28px;height:28px;border:1.5px solid var(--c-ink);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.skin-swatch[aria-pressed=true]{outline:2px solid var(--c-accent);outline-offset:2px}@media print{:root,[data-theme]{--c-ink: #1a1410;--c-cream: #ffffff;--c-paper: #ffffff;--c-accent: #b9301c;--c-moss: #2d5a3f;--c-muted: #8a7f72;--c-accent-soft: rgba(185, 48, 28, .06);--c-moss-soft: rgba(45, 90, 63, .08);--c-ink-shadow: rgba(26, 20, 16, .08);--c-page-gradient-a: transparent;--c-page-gradient-b: transparent}body{background:#fff!important}.no-print{display:none!important}.print-area{padding:0!important}.match-card{box-shadow:none!important;break-inside:avoid;animation:none!important}.app-shell{padding:0!important;background:#fff!important}}