:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"M PLUS 1", "BIZ UDPGothic", ui-sans-serif, sans-serif;--font-mono:"Roboto Mono", "JetBrains Mono", ui-monospace, monospace;--color-canvas:#090604;--color-surface-0:#0f0b09;--color-surface-1:#16120e;--color-surface-2:#1e1814;--color-surface-3:#26201c;--color-rule:#302a26;--color-rule-strong:#706761;--color-ink:#f3ede9;--color-ink-2:#dad3ce;--color-muted:#aca29c;--color-faint:#8d847e;--color-accent:#5bbe62;--color-accent-strong:#95cf96;--color-accent-ink:#051606;--color-accent-soft:#5bbe621f;--color-opponent:#42a3fd;--color-opponent-soft:#42a3fd1f;--color-caution:#dca744;--color-danger:#ef6661;--color-danger-soft:#ef66611f;--color-focus:#f3ede9;--color-scrim-strong:#050302e6;--color-scrim:#050302c7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-base:1;--z-raised:10;--z-sticky:200;--z-modal:400;--z-toast:500}@supports (color:lab(0% 0 0)){:root{--color-canvas:lab(1.75384% .611298 .848204);--color-surface-0:lab(3.34607% 1.04892 1.47782);--color-surface-1:lab(5.69167% 1.65116 2.35053);--color-surface-2:lab(8.89818% 2.43679 3.74284);--color-surface-3:lab(12.9592% 2.41732 3.85351);--color-rule:lab(17.6001% 2.40059 3.83956);--color-rule-strong:lab(44.2757% 2.75737 4.44604);--color-ink:lab(94.1763% 1.54305 2.51827);--color-ink-2:lab(84.89% 1.93572 3.15226);--color-muted:lab(67.4768% 2.73454 4.42977);--color-faint:lab(55.8763% 2.74414 4.43651);--color-accent:lab(69.4608% -44.8835 37.1852);--color-accent-strong:lab(78.0628% -27.9663 22.3194);--color-accent-ink:lab(5.64387% -7.8529 5.66435);--color-accent-soft:lab(69.4608% -44.8835 37.1852/.12);--color-opponent:lab(64.4811% -6.05693 -53.9178);--color-opponent-soft:lab(64.4811% -6.05693 -53.9178/.12);--color-caution:lab(72.2168% 13.0674 57.1287);--color-danger:lab(61.2026% 53.402 31.0145);--color-danger-soft:lab(61.2026% 53.402 31.0145/.12);--color-focus:lab(94.1763% 1.54305 2.51827);--color-scrim-strong:lab(.894083% .512682 .64933/.9);--color-scrim:lab(.894083% .512682 .64933/.78)}}[data-skin=practice]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", "BIZ UDPGothic", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", "Roboto Mono", ui-monospace, monospace;--color-canvas:#fcfaf8;--color-surface-0:#fff;--color-surface-1:#fbf8f6;--color-surface-2:#f3efec;--color-surface-3:#ebe7e3;--color-rule:#e1ddda;--color-rule-strong:#bbb6b2;--color-ink:#2e2723;--color-ink-2:#48413c;--color-muted:#6e6763;--color-faint:#8e8884;--color-accent:#db7c3b;--color-accent-strong:#c55f12;--color-accent-ink:#fff;--color-accent-soft:#db7c3b1f;--color-caution:#b37903;--color-danger:#c13c3b;--color-danger-soft:#c13c3b1a;--color-danger-ink:#fff;--color-focus:#9b4800;--color-scrim:#2e27236b;--color-scrim-strong:#2e27239e;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--difficulty-gray:#8a8581;--difficulty-brown:#8a5d3e;--difficulty-green:#448d49;--difficulty-cyan:#2a9898;--difficulty-blue:#2d72c4;--difficulty-yellow:#b29722;--difficulty-orange:#ca7400;--difficulty-red:#cc3430;--solve-solved:#067d4d;--solve-solved-soft:#067d4d17;--solve-editorial:#8c7210;--solve-editorial-soft:#8c72101f}@supports (color:lab(0% 0 0)){[data-skin=practice]{--color-canvas:lab(98.3708% .500023 .99498);--color-surface-0:lab(100% 0 0);--color-surface-1:lab(97.673% .667661 1.3273);--color-surface-2:lab(94.7694% 1.00473 1.99298);--color-surface-3:lab(91.8675% 1.17442 2.32648);--color-rule:lab(88.3893% 1.00535 1.99332);--color-rule-strong:lab(74.4654% 1.34751 2.66229);--color-ink:lab(16.4399% 2.40435 3.84263);--color-ink-2:lab(28.0414% 2.37553 3.81986);--color-muted:lab(44.2859% 2.15271 3.4834);--color-faint:lab(57.0528% 1.74767 2.84076);--color-accent:lab(62.0857% 34.3831 50.8925);--color-accent-strong:lab(52.6395% 38.7908 57.3489);--color-accent-ink:lab(100% 0 0);--color-accent-soft:lab(62.0857% 34.3831 50.8925/.12);--color-caution:lab(55.7709% 17.8056 60.9955);--color-danger:lab(46.0946% 53.6611 32.391);--color-danger-soft:lab(46.0946% 53.6611 32.391/.1);--color-danger-ink:lab(100% 0 0);--color-focus:lab(41.1292% 35.2394 60.6326);--color-scrim:lab(16.4399% 2.40435 3.84263/.42);--color-scrim-strong:lab(16.4399% 2.40435 3.84263/.62);--difficulty-gray:lab(55.9052% 1.35273 2.66566);--difficulty-brown:lab(43.9889% 16.4952 25.888);--difficulty-green:lab(52.8004% -35.055 28.9541);--difficulty-cyan:lab(56.926% -31.0704 -9.36023);--difficulty-blue:lab(46.8382% .690699 -49.9799);--difficulty-yellow:lab(63.326% 1.9297 59.6757);--difficulty-orange:lab(57.6356% 30.838 66.6361);--difficulty-red:lab(47.0791% 59.6735 40.6361);--solve-solved:lab(45.8882% -39.5932 17.4165);--solve-solved-soft:lab(45.8882% -39.5932 17.4165/.09);--solve-editorial:lab(49.2571% 3.82674 51.5055);--solve-editorial-soft:lab(49.2571% 3.82674 51.5055/.12)}}[data-practice-theme=charcoal] [data-skin=practice]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#17130f;--color-surface-0:#241e1a;--color-surface-1:#29231e;--color-surface-2:#302a25;--color-surface-3:#38322d;--color-rule:#38322d;--color-rule-strong:#4d4641;--color-ink:#eeeae8;--color-ink-2:#c8c3bf;--color-muted:#948e89;--color-faint:#76706c;--color-accent:#ff874c;--color-accent-strong:#ffa277;--color-accent-ink:#17130f;--color-accent-soft:#3f271d;--color-caution:#e1a447;--color-danger:#ef6661;--color-danger-soft:#ef666129;--color-danger-ink:#17130f;--color-focus:#ffa46b;--color-scrim:#08050399;--color-scrim-strong:#080503c7}@supports (color:lab(0% 0 0)){[data-practice-theme=charcoal] [data-skin=practice]{--color-canvas:lab(6.17594% 1.53075 2.61557);--color-surface-0:lab(11.8122% 2.13497 4.07868);--color-surface-1:lab(14.1328% 2.12425 4.06951);--color-surface-2:lab(17.6135% 2.1109 4.05841);--color-surface-3:lab(21.0941% 2.09998 4.04964);--color-rule:lab(21.0941% 2.09998 4.04964);--color-rule-strong:lab(30.3752% 2.07864 4.03324);--color-ink:lab(93.0312% .836194 1.66004);--color-ink-2:lab(79.1055% 1.34653 2.66166);--color-muted:lab(59.3811% 1.697 3.33608);--color-faint:lab(47.7808% 1.70383 3.34069);--color-accent:lab(69.8238% 45.5918 54.7454);--color-accent-strong:lab(75.6416% 45.3203 53.6878);--color-accent-ink:lab(6.17594% 1.53075 2.61557);--color-accent-soft:lab(18.5515% 10.2724 11.6815);--color-caution:lab(72.0771% 16.696 55.9188);--color-danger:lab(61.2026% 53.402 31.0145);--color-danger-soft:lab(61.2026% 53.402 31.0145/.16);--color-danger-ink:lab(6.17594% 1.53075 2.61557);--color-focus:lab(76.0603% 33.194 47.8765);--color-scrim:lab(1.55178% .640653 1.00339/.6);--color-scrim-strong:lab(1.55178% .640653 1.00339/.78)}}[data-practice-theme=soft] [data-skin=practice]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#1e293a;--color-surface-0:#28364a;--color-surface-1:#2d3b4f;--color-surface-2:#344359;--color-surface-3:#3c4b62;--color-rule:#43536c;--color-rule-strong:#53647d;--color-ink:#edf2fa;--color-ink-2:#cfd8e5;--color-muted:#adb9c8;--color-faint:#8e99a8;--color-accent:#eb8656;--color-accent-strong:#ff996a;--color-accent-ink:#0c1626;--color-accent-soft:#56433a;--color-caution:#dda552;--color-danger:#f2716a;--color-danger-soft:#f2716a29;--color-danger-ink:#0c1626;--color-focus:#8fc1ff;--color-scrim:#060d1a99;--color-scrim-strong:#060d1ac7}@supports (color:lab(0% 0 0)){[data-practice-theme=soft] [data-skin=practice]{--color-canvas:lab(16.3142% -.945032 -12.5002);--color-surface-0:lab(22.0933% -1.13095 -14.2992);--color-surface-1:lab(24.4184% -1.22362 -14.324);--color-surface-2:lab(27.8922% -1.33735 -15.0549);--color-surface-3:lab(31.3721% -1.44972 -15.4364);--color-rule:lab(34.8455% -1.55588 -16.1658);--color-rule-strong:lab(41.8154% -1.73698 -16.2218);--color-ink:lab(95.3352% -.962377 -4.39581);--color-ink-2:lab(86.0354% -1.54269 -7.29395);--color-muted:lab(74.4205% -1.85773 -9.08266);--color-faint:lab(62.8185% -1.82173 -9.06581);--color-accent:lab(66.5848% 37.0286 43.2594);--color-accent-strong:lab(73.5606% 36.7771 42.5735);--color-accent-ink:lab(7.04212% -.314526 -12.2984);--color-accent-soft:lab(30.2274% 7.45775 8.43467);--color-caution:lab(72.1049% 15.0476 50.5357);--color-danger:lab(63.6309% 50.1648 28.8057);--color-danger-soft:lab(63.6309% 50.1648 28.8057/.16);--color-danger-ink:lab(7.04212% -.314526 -12.2984);--color-focus:lab(76.2689% -4.32146 -42.1026);--color-scrim:lab(3.59459% -.0951588 -8.48835/.6);--color-scrim-strong:lab(3.59459% -.0951588 -8.48835/.78)}}[data-practice-theme=charcoal] [data-skin=practice],[data-practice-theme=soft] [data-skin=practice]{--difficulty-gray:#a8a3a0;--difficulty-brown:#b38363;--difficulty-green:#61b565;--difficulty-cyan:#50bfbe;--difficulty-blue:#589aed;--difficulty-yellow:#d8bd51;--difficulty-orange:#ed9235;--difficulty-red:#f36358;--solve-solved:#42b079;--solve-solved-soft:#42b07929;--solve-editorial:#c0a241;--solve-editorial-soft:#c0a2412e}@supports (color:lab(0% 0 0)){[data-practice-theme=charcoal] [data-skin=practice],[data-practice-theme=soft] [data-skin=practice]{--difficulty-gray:lab(67.5053% 1.34924 2.66335);--difficulty-brown:lab(59.0911% 16.1044 25.2139);--difficulty-green:lab(66.9137% -39.237 32.1906);--difficulty-cyan:lab(70.901% -32.6927 -9.88522);--difficulty-blue:lab(62.1128% -2.29135 -48.6219);--difficulty-yellow:lab(77.2984% 1.06856 56.5736);--difficulty-orange:lab(69.2877% 29.9958 61.394);--difficulty-red:lab(61.1406% 56.1101 35.8984);--solve-solved:lab(64.5907% -42.4931 18.7123);--solve-solved-soft:lab(64.5907% -42.4931 18.7123/.16);--solve-editorial:lab(67.8944% 3.34209 52.892);--solve-editorial-soft:lab(67.8944% 3.34209 52.892/.18)}}[data-skin=practice] .ps-diff-gray{--difficulty-color:var(--difficulty-gray)}[data-skin=practice] .ps-diff-brown{--difficulty-color:var(--difficulty-brown)}[data-skin=practice] .ps-diff-green{--difficulty-color:var(--difficulty-green)}[data-skin=practice] .ps-diff-cyan{--difficulty-color:var(--difficulty-cyan)}[data-skin=practice] .ps-diff-blue{--difficulty-color:var(--difficulty-blue)}[data-skin=practice] .ps-diff-yellow{--difficulty-color:var(--difficulty-yellow)}[data-skin=practice] .ps-diff-orange{--difficulty-color:var(--difficulty-orange)}[data-skin=practice] .ps-diff-red{--difficulty-color:var(--difficulty-red)}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#080b12;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{overflow-wrap:anywhere;min-width:0}main{background:radial-gradient(circle at 15% 10%,#42e2b824,#0000 38%),radial-gradient(circle at 85% 85%,#5378ff24,#0000 34%),#080b12;place-items:center;min-height:100vh;padding:32px;display:grid}.panel{background:#0f141fe0;border:1px solid #263044;border-radius:24px;width:min(720px,100%);padding:clamp(28px,6vw,64px);box-shadow:0 24px 80px #00000059}.eyebrow{color:#42e2b8;letter-spacing:.16em;margin:0 0 12px;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,9vw,76px)}.lead{color:#bac4d8;margin:16px 0 32px;font-size:clamp(18px,3vw,24px);line-height:1.6}ol{color:#e8edf7;margin:0;padding-left:1.5em;line-height:1.9}.note{color:#8491a8;border-top:1px solid #263044;margin:32px 0 0;padding-top:20px;font-size:14px;line-height:1.7}html,body{background:var(--color-canvas);min-width:320px;color:var(--color-ink);overflow-x:clip}html{scroll-padding-top:4.5rem}body{min-height:100dvh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,summary{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.app-main{background:var(--color-canvas);min-height:calc(100dvh - 3.5rem);padding:clamp(1.5rem,4vw,4rem) clamp(1rem,4vw,4rem) 4rem;display:block}.app-shell{width:min(72rem,100%);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-block-end:1px solid var(--color-rule);background:var(--color-surface-0);min-height:3.5rem;padding-inline:clamp(1rem,4vw,4rem);display:flex}.brand{align-items:center;gap:var(--space-3);min-height:2.75rem;color:var(--color-ink);font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-accent);border-radius:3px;width:1rem;height:1rem}.header-profile{align-items:center;gap:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.75rem;display:flex}.status-dot{background:var(--color-accent);border-radius:50%;flex:none;width:.5rem;height:.5rem}.page-head{align-items:end;gap:var(--space-8);padding-block:var(--space-10) var(--space-8);border-block-end:1px solid var(--color-rule);grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);display:grid}.page-head h1,.home-hero h1{overflow-wrap:anywhere;max-width:18ch;color:var(--color-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2.25rem,5vw,4.75rem);line-height:1.04}.page-head h1{font-size:clamp(2rem,3.5vw,3.5rem)}.page-head p,.home-hero p{max-width:54ch;color:var(--color-muted);margin:0}.mono-label,.kicker{margin:0 0 var(--space-3);color:var(--color-accent-strong);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.home-hero{border-block-end:1px solid var(--color-rule);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding-block:clamp(3rem,6vw,5rem) clamp(4rem,8vw,7rem);display:grid}.hero-copy{gap:var(--space-6);display:grid}.hero-actions,.action-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.button-quiet{background:0 0}.button-danger{border-color:var(--color-danger);color:var(--color-ink-2);background:0 0}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.46}.button:active:not(:disabled){transform:translateY(1px)}.section-block{padding-block:var(--space-8);border-block-end:1px solid var(--color-rule)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block-end:var(--space-5);display:flex}.section-heading h2,.panel-title{letter-spacing:-.02em;margin:0;font-size:1.25rem;line-height:1.3}.section-note,.helper,.fine-print{color:var(--color-muted);font-size:.875rem}.duel-entry-grid{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-1);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);display:grid;overflow:clip}.duel-entry-grid>*{min-width:0;padding:var(--space-6)}.duel-entry-grid>*+*{border-inline-start:1px solid var(--color-rule)}.hero-console{display:block}.hero-console>*+*{border-block-start:1px solid var(--color-rule);border-inline-start:0}.profile-form,.form-stack{gap:var(--space-5);display:grid}.field{gap:var(--space-2);display:grid}.field-label,legend{color:var(--color-ink-2);font-size:.875rem;font-weight:700}.input,.select{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);outline-offset:1px;background:var(--color-surface-0);color:var(--color-ink);outline:2px solid #0000}.input::placeholder{color:var(--color-faint)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input:focus-visible,.select:focus-visible{outline-color:var(--color-focus)}.field-help{min-height:1.5em;color:var(--color-muted);margin:0;font-size:.8125rem}.error-text{color:var(--color-danger)}.mode-strip,.choice-strip{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-ink-2);white-space:nowrap;display:inline-flex}.choice:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.choice input{accent-color:var(--color-accent)}.choice[aria-disabled=true]{cursor:not-allowed;opacity:.5}.spec-list,.recent-list{margin:0}.spec-row,.recent-row{gap:var(--space-4);padding-block:var(--space-4);border-block-start:1px solid var(--color-rule);grid-template-columns:minmax(8rem,.8fr) minmax(0,1.5fr) minmax(8rem,.7fr);align-items:center;display:grid}.spec-row dt,.recent-row dt{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.spec-row dd,.recent-row dd{margin:0}.spec-row dd:last-child,.recent-row dd:last-child{text-align:end}.empty-state{gap:var(--space-2);max-width:42rem;padding-block:var(--space-6);color:var(--color-muted);display:grid}.empty-state strong{color:var(--color-ink)}.recent-match-list{border-block-end:1px solid var(--color-rule);margin:0;padding:0;list-style:none;display:grid}.recent-match-list li{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-start:1px solid var(--color-rule);display:flex}.recent-match-list li>div{gap:var(--space-1);display:grid}.recent-match-list strong{font-family:var(--font-mono)}.room-code-input{max-width:27rem;font-family:var(--font-mono);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}.mobile-gate{place-content:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-6);background:var(--color-canvas);color:var(--color-ink);display:grid}.mobile-gate h1,.mobile-gate p{max-width:28rem;margin:0}.desktop-app{display:none}@media (min-width:64rem){.mobile-gate{display:none}.desktop-app{display:block}}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled){border-color:var(--color-ink-2);transform:translateY(-1px)}.button-primary:hover:not(:disabled){border-color:var(--color-accent-strong);background:var(--color-accent-strong)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}.battle-app{background:var(--color-canvas);min-height:100dvh}.battle-header{align-items:center;gap:var(--space-3);min-height:3.25rem;padding-inline:var(--space-5);border-block-end:1px solid var(--color-rule);background:var(--color-surface-0);display:flex}.header-divider{background:var(--color-rule);width:1px;height:1.25rem}.room-identity{align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-faint);letter-spacing:.1em;font-size:.6875rem;display:flex}.room-identity strong{color:var(--color-ink);letter-spacing:.16em;font-size:.875rem}.compact-button,.mode-chip{min-height:2rem;padding-inline:var(--space-3);border:1px solid var(--color-rule-strong);border-radius:var(--radius-xs);color:var(--color-ink-2);font-family:var(--font-mono);white-space:nowrap;background:0 0;justify-content:center;align-items:center;font-size:.6875rem;line-height:1;display:inline-flex}.mode-chip{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.battle-header-spacer{flex:1}.connection-indicator,.header-user{align-items:center;gap:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.75rem;display:inline-flex}.header-user{color:var(--color-ink-2)}.waiting-main{width:min(70rem,100% - 3rem);padding-block:var(--space-10) var(--space-16);margin-inline:auto}.waiting-intro{align-items:end;gap:var(--space-8);border-block-end:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(20rem,auto);padding-block-end:var(--space-8);display:grid}.waiting-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.75rem);line-height:1.05}.invite-block{align-items:center;gap:var(--space-2) var(--space-4);grid-template-columns:auto auto;display:grid}.invite-block span{color:var(--color-muted);font-size:.8125rem}.invite-block strong{font-family:var(--font-mono);letter-spacing:.18em;grid-row:2;font-size:1.75rem}.invite-block .button{grid-area:1/2/3}.player-slots{gap:var(--space-4);padding-block:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.player-slot{align-content:space-between;gap:var(--space-4);min-height:14rem;padding:var(--space-6);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-1);display:grid;position:relative}.self-slot{border-color:var(--color-accent)}.opponent-slot{border-color:var(--color-opponent)}.player-slot.is-empty{background:0 0;border-style:dashed}.player-slot h2,.player-slot p{margin:0}.player-slot h2{font-family:var(--font-mono);font-size:1.5rem}.player-slot p{color:var(--color-muted)}.slot-top{color:var(--color-faint);font-family:var(--font-mono);justify-content:space-between;font-size:.6875rem;display:flex}.player-tag,.player-badge{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);min-width:2.5rem;min-height:2.5rem;color:var(--color-accent-strong);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.opponent-tag,.opponent-badge{border-color:var(--color-opponent);background:var(--color-opponent-soft);color:var(--color-opponent)}.ready-state{color:var(--color-muted);font-family:var(--font-mono)}.is-ready .ready-state{color:var(--color-accent-strong)}.match-conditions{border-block:1px solid var(--color-rule);grid-template-columns:.55fr .55fr 1.4fr 1fr;margin:0;display:grid}.match-conditions>div{min-width:0;padding:var(--space-4)}.match-conditions>div+div{border-inline-start:1px solid var(--color-rule)}.match-conditions dt{color:var(--color-faint);font-family:var(--font-mono);font-size:.6875rem}.match-conditions dd{margin:var(--space-1) 0 0;color:var(--color-ink-2);font-size:.875rem}.status-banner{margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-caution);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-ink-2)}.waiting-actions{align-items:center;gap:var(--space-3);padding-block:var(--space-6);display:flex}.demo-controls{padding:var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface-0);color:var(--color-muted)}.demo-controls summary{color:var(--color-ink-2);font-weight:700}.demo-controls p{font-size:.8125rem}.countdown-main{place-content:center;justify-items:center;gap:var(--space-5);min-height:calc(100dvh - 3.25rem);padding:var(--space-8);text-align:center;display:grid}.countdown-main p{max-width:42rem;color:var(--color-muted);margin:0}.countdown-number{min-width:8ch;color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;animation:countdown-in 1s var(--ease-out);font-size:clamp(5rem,15vw,10rem);font-weight:700;line-height:1}@keyframes countdown-in{0%{opacity:.45;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.live-main{min-height:calc(100dvh - 3.25rem);animation:live-view-in var(--dur-short) var(--ease-out);position:relative}@keyframes live-view-in{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}.match-hud{border-block-end:1px solid var(--color-rule);background:var(--color-rule);grid-template-columns:minmax(0,1fr) 12.5rem minmax(0,1fr);gap:1px;display:grid}.hud-player,.hud-timer{align-items:center;gap:var(--space-4);min-width:0;min-height:6rem;padding:var(--space-4) var(--space-5);background:var(--color-surface-1);display:flex}.hud-player>div{gap:var(--space-1);flex:1;min-width:0;display:grid}.hud-player strong,.hud-player small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-player small{color:var(--color-muted);font-family:var(--font-mono);font-size:.6875rem}.hud-self{border-inline-start:1px solid var(--color-accent)}.hud-opponent{text-align:end;border-inline-end:1px solid var(--color-opponent)}.hud-timer{justify-items:center;gap:var(--space-1);background:var(--color-surface-0);font-family:var(--font-mono);display:grid}.hud-timer span{color:var(--color-faint);letter-spacing:.14em;font-size:.6875rem}.hud-timer strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.hud-timer progress{width:7.5rem;height:3px;accent-color:var(--color-accent);border:0}.battle-body{gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-8);grid-template-columns:minmax(0,1fr) 25rem;display:grid}.battle-primary,.battle-sidebar{align-content:start;gap:var(--space-5);min-width:0;display:grid}.problem-card,.opponent-panel,.forfeit-block{padding:var(--space-6);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-1)}.problem-top{align-items:center;gap:var(--space-3);display:flex}.problem-top .kicker{margin:0}.problem-top .fine-print{margin-inline-start:auto}.problem-id,.problem-meta>span,.difficulty{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-rule-strong);border-radius:var(--radius-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:.6875rem;display:inline-flex}.problem-card h1{margin:var(--space-5) 0 var(--space-3);letter-spacing:-.035em;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}.problem-meta,.problem-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.problem-actions{margin-block-start:var(--space-6)}.problem-actions .button{flex:1}.difficulty i{background:var(--color-caution);border-radius:2px;width:.55rem;height:.55rem}.polling-note{justify-content:space-between;gap:var(--space-4);margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface-0);color:var(--color-muted);font-size:.8125rem;display:flex}.polling-note span{font-family:var(--font-mono);white-space:nowrap}.submission-section{padding-block-start:var(--space-3)}.submission-table{border-block:1px solid var(--color-rule)}.submission-head,.submission-row{align-items:center;gap:var(--space-3);min-height:3.25rem;padding-inline:var(--space-3);border-block-end:1px solid var(--color-rule);font-family:var(--font-mono);grid-template-columns:4rem minmax(10rem,1fr) 7.5rem 6rem;font-size:.75rem;display:grid}.submission-head{min-height:2.5rem;color:var(--color-faint);font-size:.6875rem}.submission-row:first-of-type{background:var(--color-surface-1)}.verdict{align-items:center;gap:var(--space-1);width:max-content;min-height:1.75rem;padding-inline:var(--space-2);border:1px solid var(--color-rule-strong);border-radius:var(--radius-xs);color:var(--color-ink-2);font-family:var(--font-mono);white-space:nowrap;font-size:.75rem;font-weight:700;display:inline-flex}.verdict small{color:var(--color-muted);font-size:.625rem;font-weight:400}.verdict-ac{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.verdict-wj{border-color:var(--color-caution)}.opponent-title{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--color-rule);padding-block-end:var(--space-4);display:flex}.opponent-title>span:last-child{color:var(--color-faint);font-family:var(--font-mono);margin-inline-start:auto;font-size:.6875rem}.opponent-light{background:var(--color-opponent);border-radius:2px;width:.6rem;height:.6rem}.opponent-stats{padding-block:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.opponent-stats div{text-align:center}.opponent-stats div+div{border-inline-start:1px solid var(--color-rule)}.opponent-stats dt{color:var(--color-muted);font-size:.75rem}.opponent-stats dd{margin:var(--space-1) 0 0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem}.demo-verdicts{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.compact-button:disabled{cursor:not-allowed;opacity:.5}.compact-button:active:not(:disabled){transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.compact-button:hover:not(:disabled){border-color:var(--color-ink-2);background:var(--color-surface-2)}.input:hover,.select:hover{background:var(--color-surface-1)}}.forfeit-block h2,.forfeit-block p{margin-block-start:0}.forfeit-block h2{font-size:1rem}.forfeit-block p{color:var(--color-muted);font-size:.8125rem}.result-overlay{z-index:var(--z-modal);padding:var(--space-8);color:var(--color-ink);text-align:center;background:#040608e0;place-content:center;display:grid;position:fixed;inset:0}.result-overlay-card{justify-items:center;gap:var(--space-4);width:min(30rem,100vw - 3rem);padding:var(--space-8);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-1);animation:modal-in var(--dur-long) var(--ease-out);display:grid;box-shadow:0 1.5rem 5rem #0000008c}.result-overlay-card p{color:var(--color-muted);margin:0}.result-overlay strong{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:clamp(3rem,8vw,6rem);line-height:1}.result-overlay-card.result-lose strong,.result-outcome.result-lose{color:var(--color-danger)}.result-overlay-card.result-lose .result-mark{background:var(--color-danger)}.result-outcome{font-weight:800}.result-outcome.result-win{color:var(--color-accent-strong)}.result-mark{background:var(--color-accent);border-radius:2px;width:.75rem;height:.75rem}@keyframes modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.confirm-dialog{width:min(30rem,100% - 2rem);height:fit-content;max-height:min(80dvh,40rem);padding:var(--space-6);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-ink);margin:auto;position:fixed;inset:0}.confirm-dialog::backdrop{background:var(--color-scrim)}.confirm-dialog h2{margin:0}.confirm-dialog p:not(.kicker){color:var(--color-muted)}@media (min-width:80rem){.battle-body{padding-inline:clamp(1.25rem,3vw,3rem)}}@media (pointer:coarse){.compact-button,.mode-chip{min-height:2.75rem}}.result-head{justify-content:space-between;align-items:end;gap:var(--space-8);padding-block:var(--space-10) var(--space-8);border-block-end:1px solid var(--color-rule);display:flex}.result-head h1{color:var(--color-accent-strong);font-family:var(--font-mono);letter-spacing:-.06em;margin:0;font-size:clamp(3.25rem,7vw,6rem);line-height:1}.result-head h1 span{color:var(--color-ink);font-size:.5em}.result-trust{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-ink-2);grid-template-columns:auto 1fr;display:grid}.result-trust small{color:var(--color-faint);font-family:var(--font-mono);overflow-wrap:anywhere;grid-column:2}.result-players{padding-block:var(--space-8);border-block-end:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);align-items:stretch;display:grid}.result-players article{padding:var(--space-6);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-1)}.result-players h2{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-mono);font-size:1.25rem}.result-time{color:var(--color-accent-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-block-end:var(--space-5);font-size:2rem;display:block}.result-opponent{text-align:end}.result-opponent .result-time{color:var(--color-muted)}.result-players dl{border-block-start:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding-block-start:var(--space-4);display:grid}.result-players dl>div+div{border-inline-start:1px solid var(--color-rule)}.result-players dt{color:var(--color-faint);font-size:.75rem}.result-players dd{margin:var(--space-1) 0 0;font-family:var(--font-mono)}.versus{color:var(--color-faint);font-family:var(--font-mono);place-content:center;font-size:.75rem;display:grid}.result-actions{justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:var(--space-8);display:flex}.result-actions h2,.result-actions p{margin:0}.result-actions p{color:var(--color-muted);margin-block-start:var(--space-2)}