:root{--ds-arena-color-bg:#0a0b0d;--ds-arena-color-surface:#14161c;--ds-arena-color-surface-raised:#1b1e26;--ds-arena-color-surface-sunken:#0f1116;--ds-arena-color-surface-interactive:#252a35;--ds-arena-color-surface-hover:#303746;--ds-arena-color-surface-overlay:#343b4b;--ds-arena-color-border:#262a34;--ds-arena-color-border-strong:#3a4050;--ds-arena-color-border-hover:#596176;--ds-arena-color-border-subtle:#20242d;--ds-arena-color-text:#f5f7fa;--ds-arena-color-text-muted:#8d95a6;--ds-arena-color-text-inverse:#0a0b0d;--ds-arena-color-lime:#d7f24a;--ds-arena-color-lime-dim:#8ea22c;--ds-arena-color-lime-soft:#d7f24a1f;--ds-arena-color-red:#f2495c;--ds-arena-color-red-dim:#a3283a;--ds-arena-color-red-soft:#f2495c1f;--ds-arena-color-purple:#a76cff;--ds-arena-color-purple-dim:#6b3fb5;--ds-arena-color-purple-soft:#a76cff24;--ds-arena-color-amber:#f6c344;--ds-arena-color-amber-dim:#a8842a;--ds-arena-color-amber-soft:#f6c3441f;--ds-arena-color-primary:var(--ds-arena-color-lime);--ds-arena-color-primary-foreground:#0a0b0d;--ds-arena-color-danger:var(--ds-arena-color-red);--ds-arena-color-danger-foreground:#fff;--ds-arena-color-focus:var(--ds-arena-color-lime);--ds-arena-font-display:"Anton", "Arial Narrow", sans-serif;--ds-arena-font-body:"Inter", system-ui, sans-serif;--ds-arena-font-mono:"JetBrains Mono", ui-monospace, monospace;--ds-arena-text-display:2.5rem;--ds-arena-text-xl:1.5rem;--ds-arena-text-lg:1.125rem;--ds-arena-text-md:1rem;--ds-arena-text-sm:.875rem;--ds-arena-text-xs:.75rem;--ds-arena-tracking-label:.12em;--ds-arena-space-1:4px;--ds-arena-space-2:8px;--ds-arena-space-3:12px;--ds-arena-space-4:16px;--ds-arena-space-5:24px;--ds-arena-space-6:32px;--ds-arena-space-7:48px;--ds-arena-control-min-height:44px;--ds-arena-text-stat-mobile:3rem;--ds-arena-radius-sm:6px;--ds-arena-radius-md:10px;--ds-arena-radius-lg:14px;--ds-arena-radius-xl:20px;--ds-arena-radius-pill:999px;--ds-arena-shadow-press-lime:0 4px 0 var(--ds-arena-color-lime-dim);--ds-arena-shadow-press-red:0 4px 0 var(--ds-arena-color-red-dim);--ds-arena-shadow-press-purple:0 4px 0 var(--ds-arena-color-purple-dim);--ds-arena-shadow-press-amber:0 4px 0 var(--ds-arena-color-amber-dim);--ds-arena-shadow-glow-lime:0 0 24px #d7f24a59;--ds-arena-shadow-glow-purple:0 0 28px #a76cff59;--ds-arena-shadow-card:0 2px 12px #00000080;--ds-arena-duration-fast:90ms;--ds-arena-ease-out:cubic-bezier(.2, .8, .2, 1)}.ds-app{background-color:var(--ds-arena-color-bg);background-image:radial-gradient(var(--ds-arena-color-border) 1px, transparent 1px);color:var(--ds-arena-color-text);font-family:var(--ds-arena-font-body);background-size:16px 16px;min-width:0;min-height:100vh}.ds-display{font-family:var(--ds-arena-font-display);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere;line-height:1.05}.ds-label{font-family:var(--ds-arena-font-mono);text-transform:uppercase;letter-spacing:var(--ds-arena-tracking-label);font-size:var(--ds-arena-text-xs);color:var(--ds-arena-color-text-muted)}.ds-focusable:focus-visible{outline:2px solid var(--ds-arena-color-focus);outline-offset:2px}.ds-button{font-family:var(--ds-arena-font-display);text-transform:uppercase;letter-spacing:.02em;justify-content:center;align-items:center;gap:var(--ds-arena-space-2);border-radius:var(--ds-arena-radius-lg);text-align:center;overflow-wrap:anywhere;cursor:pointer;min-width:0;max-width:100%;transition:transform var(--ds-arena-duration-fast) var(--ds-arena-ease-out), box-shadow var(--ds-arena-duration-fast) var(--ds-arena-ease-out), background-color var(--ds-arena-duration-fast) var(--ds-arena-ease-out);border:1px solid #0000;display:inline-flex}.ds-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ds-button--sm{min-height:var(--ds-arena-control-min-height);padding:0 var(--ds-arena-space-3);font-size:var(--ds-arena-text-sm)}.ds-button--md{min-height:48px;padding:0 var(--ds-arena-space-5);font-size:var(--ds-arena-text-lg)}.ds-button--lg{min-height:60px;padding:0 var(--ds-arena-space-6);font-size:var(--ds-arena-text-xl);width:100%}.ds-button--primary{background:var(--ds-arena-color-lime);color:var(--ds-arena-color-primary-foreground);box-shadow:var(--ds-arena-shadow-press-lime)}.ds-button--primary:not(:disabled):hover{background:var(--ds-arena-color-amber)}.ds-button--danger{background:var(--ds-arena-color-red);color:var(--ds-arena-color-danger-foreground);box-shadow:var(--ds-arena-shadow-press-red)}.ds-button--danger:not(:disabled):hover{background:var(--ds-arena-color-red-dim)}.ds-button--daily{background:var(--ds-arena-color-purple);color:var(--ds-arena-color-text);box-shadow:var(--ds-arena-shadow-press-purple)}.ds-button--daily:not(:disabled):hover{background:var(--ds-arena-color-purple-dim)}.ds-button--skip{background:var(--ds-arena-color-amber);color:var(--ds-arena-color-text-inverse);box-shadow:var(--ds-arena-shadow-press-amber)}.ds-button--skip:not(:disabled):hover{background:var(--ds-arena-color-amber-dim);color:var(--ds-arena-color-text)}.ds-button--ghost{background:var(--ds-arena-color-lime);color:var(--ds-arena-color-primary-foreground);box-shadow:var(--ds-arena-shadow-press-lime)}.ds-button--ghost:not(:disabled):hover{background:var(--ds-arena-color-amber)}.ds-button:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.ds-badge{font-family:var(--ds-arena-font-mono);text-transform:uppercase;letter-spacing:var(--ds-arena-tracking-label);font-size:var(--ds-arena-text-xs);align-items:center;gap:var(--ds-arena-space-1);padding:var(--ds-arena-space-1) var(--ds-arena-space-3);border-radius:var(--ds-arena-radius-pill);border:1px solid var(--ds-arena-color-border-strong);color:var(--ds-arena-color-text-muted);background:var(--ds-arena-color-surface-sunken);overflow-wrap:anywhere;min-width:0;max-width:100%;display:inline-flex}.ds-badge--lime{color:var(--ds-arena-color-lime);border-color:var(--ds-arena-color-lime-dim);background:var(--ds-arena-color-lime-soft)}.ds-badge--red{color:var(--ds-arena-color-red);border-color:var(--ds-arena-color-red-dim);background:var(--ds-arena-color-red-soft)}.ds-badge--purple{color:var(--ds-arena-color-purple);border-color:var(--ds-arena-color-purple-dim);background:var(--ds-arena-color-purple-soft)}.ds-badge--amber{color:var(--ds-arena-color-amber);border-color:var(--ds-arena-color-amber-dim);background:var(--ds-arena-color-amber-soft)}.ds-card{background:var(--ds-arena-color-surface);border:1px solid var(--ds-arena-color-border);border-radius:var(--ds-arena-radius-xl);padding:var(--ds-arena-space-4);box-shadow:var(--ds-arena-shadow-card);overflow-wrap:anywhere;min-width:0;max-width:100%}.ds-card--featured{background:linear-gradient(160deg, var(--ds-arena-color-purple-soft), transparent 70%), var(--ds-arena-color-surface);border-color:var(--ds-arena-color-purple-dim);box-shadow:var(--ds-arena-shadow-glow-purple)}.ds-card--active{border-color:var(--ds-arena-color-lime);box-shadow:var(--ds-arena-shadow-glow-lime)}.ds-card--locked{opacity:.6}.ds-card__title{font-family:var(--ds-arena-font-body);letter-spacing:-.01em;text-transform:none;margin:var(--ds-arena-space-1) 0;color:var(--ds-arena-color-text);font-size:1.125rem;font-weight:700;line-height:1.35}.ds-field{gap:var(--ds-arena-space-2);flex-direction:column;min-width:0;display:flex}.ds-input{font-family:var(--ds-arena-font-mono);font-size:var(--ds-arena-text-md);width:100%;min-width:0;max-width:100%;min-height:48px;padding:0 var(--ds-arena-space-4);color:var(--ds-arena-color-text);background:var(--ds-arena-color-surface-sunken);border:1px solid var(--ds-arena-color-border-strong);border-radius:var(--ds-arena-radius-lg)}.ds-input::placeholder{color:var(--ds-arena-color-text-muted);text-transform:uppercase}.ds-input:disabled{opacity:.45}.ds-input[aria-invalid=true]{border-color:var(--ds-arena-color-red)}.ds-progress{border-radius:var(--ds-arena-radius-pill);background:var(--ds-arena-color-surface-raised);width:100%;height:10px;overflow:hidden}.ds-progress__fill{border-radius:var(--ds-arena-radius-pill);height:100%;transition:width .2s var(--ds-arena-ease-out)}.ds-progress__fill--lime{background:var(--ds-arena-color-lime);box-shadow:var(--ds-arena-shadow-glow-lime)}.ds-progress__fill--red{background:var(--ds-arena-color-red)}.ds-progress__fill--purple{background:var(--ds-arena-color-purple)}.ds-answer{font-family:var(--ds-arena-font-display);text-transform:uppercase;overflow-wrap:anywhere;border-radius:var(--ds-arena-radius-xl);cursor:pointer;width:100%;min-width:0;max-width:100%;min-height:140px;transition:transform var(--ds-arena-duration-fast) var(--ds-arena-ease-out);border:none;font-size:2rem}.ds-answer--more{background:var(--ds-arena-color-lime);color:var(--ds-arena-color-text-inverse);box-shadow:var(--ds-arena-shadow-press-lime), var(--ds-arena-shadow-glow-lime)}.ds-answer--less{background:var(--ds-arena-color-red);color:var(--ds-arena-color-danger-foreground);box-shadow:var(--ds-arena-shadow-press-red)}.ds-answer--skip{background:var(--ds-arena-color-amber);color:var(--ds-arena-color-text-inverse);min-height:88px;box-shadow:var(--ds-arena-shadow-press-amber)}.ds-answer:not(:disabled):active{transform:translateY(3px)}.ds-answer:disabled{opacity:.45;cursor:not-allowed}.ds-topic{font-family:var(--ds-arena-font-body);font-size:var(--ds-arena-text-md);overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;min-height:56px;padding:0 var(--ds-arena-space-4);border-radius:var(--ds-arena-radius-lg);background:var(--ds-arena-color-surface-raised);border:1px solid var(--ds-arena-color-border);color:var(--ds-arena-color-text);cursor:pointer}.ds-topic[aria-pressed=true]{color:var(--ds-arena-color-red);border-color:var(--ds-arena-color-red);background:var(--ds-arena-color-red-soft)}.ds-stat{align-items:center;gap:var(--ds-arena-space-2);flex-direction:column;display:flex}.ds-stat__value{font-family:var(--ds-arena-font-display);overflow-wrap:anywhere;max-width:100%;font-size:4rem;line-height:1}.ds-stat__value--correct{color:var(--ds-arena-color-lime);text-shadow:var(--ds-arena-shadow-glow-lime)}.ds-stat__value--wrong{color:var(--ds-arena-color-text)}.ds-banner{font-family:var(--ds-arena-font-display);text-transform:uppercase;font-size:var(--ds-arena-text-xl);text-align:center;padding:var(--ds-arena-space-3);overflow-wrap:anywhere;border-top:1px solid;border-bottom:1px solid}.ds-banner--correct{color:var(--ds-arena-color-lime);background:var(--ds-arena-color-lime-soft);border-color:var(--ds-arena-color-lime)}.ds-banner--wrong{color:var(--ds-arena-color-red);background:var(--ds-arena-color-red-soft);border-color:var(--ds-arena-color-red)}.ds-leader{align-items:center;gap:var(--ds-arena-space-3);padding:var(--ds-arena-space-3);border-radius:var(--ds-arena-radius-lg);background:var(--ds-arena-color-surface-raised);min-width:0;max-width:100%;display:flex}.ds-leader__rank{font-family:var(--ds-arena-font-mono);border-radius:var(--ds-arena-radius-pill);border:1px solid var(--ds-arena-color-border-strong);width:32px;height:32px;color:var(--ds-arena-color-text-muted);flex:none;place-items:center;display:grid}.ds-leader__rank--1{color:var(--ds-arena-color-purple);border-color:var(--ds-arena-color-purple)}.ds-leader__rank--2{color:var(--ds-arena-color-text);border-color:var(--ds-arena-color-border-strong)}.ds-leader__rank--3{color:var(--ds-arena-color-amber);border-color:var(--ds-arena-color-amber)}.ds-leader__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.ds-leader__score{font-family:var(--ds-arena-font-mono);color:var(--ds-arena-color-purple);overflow-wrap:anywhere;min-width:0}.ds-navbar{justify-content:space-between;align-items:center;gap:var(--ds-arena-space-3);padding:var(--ds-arena-space-4);border-bottom:1px solid var(--ds-arena-color-border);background:var(--ds-arena-color-surface-sunken);min-width:0;display:flex}.ds-navbar__title{font-family:var(--ds-arena-font-display);text-transform:uppercase;font-size:var(--ds-arena-text-lg);overflow-wrap:anywhere;flex:1;min-width:0}.ds-tabbar{border-top:1px solid var(--ds-arena-color-border);background:var(--ds-arena-color-surface-sunken);overscroll-behavior-x:contain;min-width:0;max-width:100%;display:flex;overflow-x:auto}.ds-tabbar__item{min-width:max-content;min-height:var(--ds-arena-control-min-height);align-items:center;gap:var(--ds-arena-space-1);padding:var(--ds-arena-space-3) 0;font-family:var(--ds-arena-font-mono);font-size:var(--ds-arena-text-xs);letter-spacing:var(--ds-arena-tracking-label);text-transform:uppercase;color:var(--ds-arena-color-text-muted);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1 0 auto;display:flex}.ds-tabbar__item[aria-current=page]{color:var(--ds-arena-color-lime);border-top-color:var(--ds-arena-color-lime)}.ds-timer{gap:var(--ds-arena-space-2);flex-direction:column;min-width:0;display:flex}.ds-timer__row{justify-content:space-between;align-items:center;gap:var(--ds-arena-space-2);min-width:0;display:flex}.ds-timer__value{font-family:var(--ds-arena-font-mono);color:var(--ds-arena-color-lime)}.ds-timer__value--low{color:var(--ds-arena-color-red)}.ds-answer:focus-visible,.ds-topic:focus-visible,.ds-tabbar__item:focus-visible,.ds-input:focus-visible{outline:2px solid var(--ds-arena-color-focus);outline-offset:2px}@media (width<=600px){.ds-navbar{flex-wrap:wrap}.ds-navbar__title{flex-basis:100%;order:-1}.ds-stat__value{font-size:var(--ds-arena-text-stat-mobile)}.ds-leader{grid-template-columns:auto minmax(0,1fr);display:grid}.ds-leader__rank{grid-row:span 2;align-self:start}.ds-leader__score{grid-column:2}.ds-button--lg{padding-inline:var(--ds-arena-space-4)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ds-arena-font-body);background:var(--ds-arena-color-bg);color:var(--ds-arena-color-text);min-width:0}img,video,canvas{max-width:100%}