@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:block;src:url(./anton-latin-BbqyLdY8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:block;src:url(./anton-latin-ext-BG9LYhSW.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#05070f;--bg-deep:#020309;--surface:#0d1324;--surface-raised:#141d36;--border:#22304f;--text:#f2f5ff;--text-dim:#8494b8;--yellow:#ffe01b;--yellow-deep:#d9bd00;--blue:#1f6bff;--blue-deep:#0b3fa8;--danger:#ff3b57;--display:"Anton", "Haettenschweiler", "Arial Narrow", Impact, sans-serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.4 var(--sans);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% -20%, #1f6bff47, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);background-attachment:fixed;min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}input{font-family:inherit;font-size:inherit}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1}.app{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:20px clamp(16px,3vw,40px) 28px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar__title{margin:0;font-size:clamp(26px,4vw,44px)}.topbar__title span{color:var(--yellow)}.steps{color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.steps__item--active{color:var(--yellow)}.card{background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1px solid var(--border);border-radius:18px;padding:clamp(16px,2.4vw,28px)}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.card__title{margin:0;font-size:clamp(20px,2.6vw,30px)}.card__hint{color:var(--text-dim);font-size:14px}.btn{min-height:60px;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:20px;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, var(--yellow), var(--yellow-deep));color:#14110a;box-shadow:0 10px 30px #ffe01b3d}.btn--secondary{background:linear-gradient(180deg, var(--blue), var(--blue-deep));color:#fff}.btn--ghost{border:2px solid var(--border);color:var(--text-dim)}.btn--danger{color:var(--danger);border:2px solid #ff3b5799}.btn--sm{min-height:48px;padding:0 18px;font-size:16px}.rows{flex-direction:column;gap:10px;display:flex}.row{border:1px solid var(--border);background:#05091499;border-radius:14px;align-items:center;gap:14px;min-height:68px;padding:10px 12px;display:flex}.row--dragging{border-color:var(--yellow);z-index:2;box-shadow:0 12px 34px #0000008c}.row__handle{width:52px;min-height:52px;color:var(--text-dim);cursor:grab;touch-action:none;letter-spacing:2px;background:#1f6bff1f;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}.row__badge{color:#9dc0ff;min-width:56px;height:52px;font-family:var(--display);background:#1f6bff2e;border:1px solid #1f6bff80;border-radius:10px;justify-content:center;align-items:center;font-size:24px;display:flex}.row__input{border:1px solid var(--border);min-width:0;min-height:52px;color:var(--text);background:#020309cc;border-radius:10px;flex:1;padding:0 14px}.row__input:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.row__remove{width:52px;min-height:52px;color:var(--danger);border:1px solid #ff3b5766;border-radius:10px;font-size:22px}.empty{color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:14px;padding:28px 8px}.actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.actions--end{justify-content:flex-end}.gamebar{scrollbar-width:none;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.gamebar::-webkit-scrollbar{display:none}.gamechip{border:2px solid var(--border);background:var(--surface);width:76px;height:76px;color:var(--text-dim);font-family:var(--display);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:30px;transition:transform 80ms;display:flex;position:relative}.gamechip:active{transform:scale(.95)}.gamechip--scored{color:#bcd4ff;background:#1f6bff2e;border-color:#1f6bffbf}.gamechip--active{border-color:var(--yellow);background:linear-gradient(180deg, var(--yellow), var(--yellow-deep));color:#14110a;box-shadow:0 8px 26px #ffe01b4d}.gamechip__dot{background:var(--yellow);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:8px}.gamechip--active .gamechip__dot{background:#14110a}.stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.stage{grid-template-columns:minmax(0,1fr)}}.current{flex-direction:column;gap:16px;display:flex}.current__head{align-items:center;gap:18px;display:flex}.current__number{font-family:var(--display);color:var(--yellow);font-size:clamp(58px,9vw,104px);line-height:.85}.current__meta{min-width:0}.current__label{color:var(--text-dim);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.current__title{font-family:var(--display);text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(24px,3.6vw,44px);line-height:1}.pill{font-family:var(--display);text-transform:uppercase;color:#bcd4ff;background:#1f6bff2e;border:1px solid #1f6bff80;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:18px;display:inline-flex}.picks{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.pick{border:2px solid var(--border);min-height:84px;font-family:var(--display);text-transform:uppercase;text-align:left;background:#05091499;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:24px;transition:transform 80ms;display:flex}.pick:active{transform:scale(.98)}.pick--winner{border-color:var(--yellow);background:linear-gradient(180deg, var(--yellow), var(--yellow-deep));color:#14110a;box-shadow:0 10px 30px #ffe01b47}.pick__crown{font-size:20px}.pick__name{overflow-wrap:anywhere}.scoreboard{flex-direction:column;gap:12px;display:flex}.score{border:1px solid var(--border);background:#05091499;border-radius:14px;align-items:center;gap:14px;min-height:86px;padding:0 18px;display:flex}.score--leader{border-color:var(--yellow);background:#ffe01b1f}.score__rank{font-family:var(--display);color:var(--text-dim);min-width:34px;font-size:22px}.score--leader .score__rank{color:var(--yellow)}.score__name{min-width:0;font-family:var(--display);text-transform:uppercase;overflow-wrap:anywhere;flex:1;font-size:clamp(20px,2.4vw,28px)}.score__value{font-family:var(--display);color:var(--yellow);font-size:clamp(38px,5vw,60px);line-height:.9}.score__step{background:linear-gradient(180deg, var(--blue), var(--blue-deep));color:#fff;width:64px;min-height:64px;font-family:var(--display);border-radius:12px;justify-content:center;align-items:center;font-size:30px;display:flex}.score__step:active{transform:scale(.94)}.modal{z-index:10;background:#020309d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__box{background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:16px;width:min(520px,100%);padding:28px;display:flex}.modal__title{font-family:var(--display);text-transform:uppercase;font-size:28px;line-height:1}.modal__text{color:var(--text-dim)}.banner{color:#ffc3cc;background:#ff3b571f;border:1px solid #ff3b5799;border-radius:12px;padding:12px 16px;font-size:14px}
