@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.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}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_dbbf8c4b-module__5qCx7q__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_dbbf8c4b-module__5qCx7q__variable{--font-geist:"Geist", "Geist Fallback"}
:root{--cd-navy:#0c2664;--cd-navy-dark:#081a44;--cd-cream:#f6ecd6;--cd-yellow:#e0a82e;--cd-red:#ea3956;--cd-blue:#355ce6;--cd-navy-panel-dark:#0b225a;--cd-yellow-bright:#e9b23c;--cd-red-text:#ee6279;--cd-blue-bright:#708ced;--cd-stripe-yellow:#f5c15e;--cd-stripe-coral:#eb564e;--cd-stripe-orange:#ed7245;--cd-stripe-blue-deep:#1334ba;--field:#040c1f;--you:var(--cd-blue);--you-text:#7b9bff;--cpu:var(--cd-yellow-bright);--ball:#fff;--grid:color-mix(in srgb, var(--cd-blue) 15%, transparent);--grid-dim:color-mix(in srgb, var(--cd-blue) 5%, transparent);--grid-lit:color-mix(in srgb, var(--cd-blue) 32%, transparent);--endzone:var(--cd-blue);--ring-one-more:#5a6275;--ring-taken:#1e2330;--ring-hairlines:0 0 0 1px var(--ball), inset 0 0 0 1px var(--ball);--bg:var(--field);--panel:#05122f;--line:color-mix(in srgb, var(--cd-cream) 16%, transparent);--ink:var(--cd-cream);--muted:color-mix(in srgb, var(--cd-cream) 58%, transparent);--home:var(--you);--away:var(--cpu);--font:var(--font-geist), ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:focus-visible{outline:2px solid var(--cd-yellow-bright);outline-offset:2px}.btn{border:1px solid var(--line);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:650;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.btn-primary{background:var(--cd-yellow);border-color:var(--cd-yellow-bright);color:var(--cd-navy-dark)}.btn:not(:disabled):hover{border-color:var(--cd-yellow-bright);color:var(--cd-yellow-bright)}.btn-primary:not(:disabled):hover{background:var(--cd-yellow-bright);color:var(--cd-navy-dark)}.btn:disabled{opacity:.35;cursor:not-allowed}.home{flex-direction:column;justify-content:center;gap:28px;max-width:420px;min-height:100dvh;margin:0 auto;padding:48px 28px;display:flex}.home-title{letter-spacing:.01em;font-size:clamp(44px,14vw,64px);font-weight:800;line-height:.95}.home-tag{font-size:18px}.home-lines{color:var(--muted);font-size:17px;line-height:1.7;list-style:none}.intro-lines{color:inherit;flex-direction:column;gap:14px;display:flex}.home-actions{flex-direction:column;gap:12px;display:flex}.home-game{flex-direction:column;gap:20px;display:flex}.home-game+.home-game{border-top:1px solid color-mix(in srgb, var(--muted) 30%, transparent);padding-top:28px}.home-game-name{color:var(--muted);letter-spacing:.14em;font-size:13px;font-weight:700}.home-foot{color:var(--muted);letter-spacing:.04em;font-size:13px}.home-powers{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;list-style:none;display:flex}.home-powers li{align-items:center;gap:10px;display:flex}.home-powers .shape{width:14px;height:14px}.play-group{flex-direction:column;gap:6px;display:flex}.levels{justify-content:center;gap:4px;display:flex}.level-option{letter-spacing:.12em;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:650}.level-option.is-active{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.game{max-width:560px;height:100dvh;padding:max(10px, env(safe-area-inset-top)) 8px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;margin:0 auto;display:flex}.hud{flex-direction:column;gap:2px;display:flex}.hud-top{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.16em;color:var(--cd-yellow);padding-bottom:8px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.brand:after{content:"";background:linear-gradient(to bottom, var(--cd-yellow) 0 20%, transparent 20% 40%, var(--cd-red) 40% 60%, transparent 60% 80%, var(--cd-blue) 80% 100%);height:5px;position:absolute;bottom:0;left:0;right:0}.score{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.score-label{letter-spacing:.14em;font-size:11px;font-weight:700}.score-home{color:var(--you);text-shadow:0 0 8px color-mix(in srgb, var(--you) 50%, transparent)}.score-away{color:var(--cpu);text-shadow:0 0 8px color-mix(in srgb, var(--cpu) 50%, transparent)}.score-num{font-size:26px;font-weight:750}.score-sep{color:var(--muted)}.score-block{flex-direction:column;align-items:flex-end;display:flex}.level{letter-spacing:.14em;color:var(--muted);font-size:10px;font-weight:650}.moves-left{min-height:8px;color:var(--muted);gap:5px;margin-top:5px;display:flex}.moves-home{color:var(--home)}.moves-away{color:var(--away)}.move-dot{opacity:.55;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1.5px}.move-dot.is-full{opacity:1;background:currentColor;box-shadow:0 0 6px}.turn{align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.turn:before{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px}.turn-home:before{background:var(--you);box-shadow:0 0 8px var(--you)}.turn-away:before{background:var(--cpu);box-shadow:0 0 8px var(--cpu)}.turn-alert{color:var(--cd-yellow-bright)}.turn-alert:before{background:var(--cd-yellow-bright)}.log{height:calc(var(--log-rows,4) * 1.4em);font-size:13px;line-height:1.4;list-style:none;overflow:hidden}.log-line{-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--ink);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.log-line+.log-line{opacity:.6}.log-home{color:var(--you-text)}.log-away{color:var(--cpu)}.log-row{align-items:flex-start;gap:8px;display:flex}.log-row .log{flex:1;min-width:0}.log-copy{letter-spacing:.04em;color:var(--muted);text-underline-offset:2px;flex:none;padding:1px 0;font-size:11px;text-decoration:underline}.log-copy:hover{color:var(--ink)}.log-copy:disabled{opacity:.35;cursor:default}.log-tools{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.replay-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.replay-step{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:20px;line-height:1}.replay-step:disabled{opacity:.35;cursor:default}.replay-count{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em;font-size:13px}.rule-line{min-height:2.8em;color:var(--muted);text-align:center;flex:none;font-size:12px;line-height:1.4}.board-wrap{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.board{width:min(100cqw, calc(100cqh * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);background:var(--field);position:relative}.squares{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);display:grid;position:absolute;inset:0}.sq{--grid-color:var(--grid);position:relative}.sq:before{content:"";pointer-events:none;box-shadow:inset -1px -1px 0 var(--grid-color), inset var(--edge,0px) 0 0 var(--grid-color);position:absolute;inset:0}.sq-edge{--edge:1px}.sq:after{content:"";pointer-events:none;position:absolute}.sq-line:before,.sq-endzone:before{box-shadow:none}.sq-line-top:before{box-shadow:inset 0 -1px 0 var(--grid-color)}.endzones{pointer-events:none;position:absolute;inset:0}.endzone{position:absolute}.endzone:before{content:"";box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--endzone) 60%, transparent), inset 0 0 10px color-mix(in srgb, var(--endzone) 30%, transparent), 0 0 12px color-mix(in srgb, var(--endzone) 30%, transparent);border-radius:999px;position:absolute;inset:26% 4%}.phase-dark .sq{--grid-color:var(--grid-dim)}.phase-dark .sq.zone{--grid-color:var(--grid-lit);box-shadow:inset 0 0 14px color-mix(in srgb, var(--you) 22%, transparent)}.phase-dark .sq.zone-closed{--grid-color:color-mix(in srgb, var(--grid-lit) 30%, transparent);cursor:default}.phase-light .sq:before{animation:power-up var(--power-step) ease-out both;animation-delay:calc(var(--row) * var(--power-step))}.endzone.is-target:before{box-shadow:inset 0 0 0 2px var(--endzone), inset 0 0 16px color-mix(in srgb, var(--endzone) 70%, transparent), 0 0 22px var(--endzone);animation:endzone-pulse var(--endzone-pulse-ms) ease-in-out infinite}.endzone.is-scored:before{background:color-mix(in srgb, var(--ball) 70%, transparent);box-shadow:0 0 22px var(--ball), 0 0 44px color-mix(in srgb, var(--ball) 60%, transparent);animation:endzone-flare var(--hop-ms) ease-out both}.phase-dark .endzone{opacity:.45}.phase-light .endzone{animation:power-up var(--power-step) ease-out both;animation-delay:calc(var(--row) * var(--power-step))}.sq.move:after{background:var(--you);width:16%;height:16%;box-shadow:0 0 6px var(--you), 0 0 12px color-mix(in srgb, var(--you) 60%, transparent);border-radius:50%;top:42%;left:42%}.sq.pass:after,.sq.pick:after{box-shadow:0 0 0 2px var(--ball), 0 0 10px color-mix(in srgb, var(--ball) 55%, transparent);border-radius:50%;inset:6%}.tokens{pointer-events:none;position:absolute;inset:0}.token{transition-property:left,top;transition-duration:var(--move-ms);justify-content:center;align-items:center;transition-timing-function:ease;display:flex;position:absolute}.shape{stroke-width:7px;stroke-linejoin:round;width:60%;height:60%;overflow:visible}.shape-home{--glow:var(--you);fill:color-mix(in srgb, var(--you) 14%, transparent);stroke:var(--you);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--you) 80%, transparent))}.shape-away{--glow:var(--cpu);fill:color-mix(in srgb, var(--cpu) 14%, transparent);stroke:var(--cpu);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--cpu) 80%, transparent))}.token.is-selected .shape{stroke-width:10px;filter:drop-shadow(0 0 5px var(--glow)) drop-shadow(0 0 12px var(--glow))}.token.in-zone .shape{filter:drop-shadow(0 0 5px var(--glow)) drop-shadow(0 0 2px var(--glow))}.token.ring:before{content:"";border:var(--ring-stroke) var(--ring-style,solid) var(--ring-ink,color-mix(in srgb, var(--ball) var(--ring-alpha,100%), transparent));box-shadow:var(--ring-shadow,none);pointer-events:none;border-radius:50%;position:absolute;inset:-4%}.token.ring-safe{--ring-stroke:var(--ring-thin);--ring-alpha:100%}.token.ring-warning{--ring-stroke:var(--ring-thin);--ring-alpha:55%}.token.ring-danger{--ring-stroke:var(--ring-width);--ring-ink:var(--ring-one-more);--ring-shadow:var(--ring-hairlines)}.token.ring-closed{--ring-stroke:var(--ring-width);--ring-ink:var(--ring-taken);--ring-shadow:var(--ring-hairlines)}.token.ring-flash:before{animation:ring-flash var(--ring-flash-ms) ease-out}.token.ring-break:before{--ring-style:dashed;animation:ring-break var(--ring-break-ms) ease-out forwards}.ball{aspect-ratio:1;background:var(--ball);width:24%;box-shadow:0 0 4px 1px var(--ball), 0 0 12px 3px color-mix(in srgb, var(--ball) 55%, transparent);border-radius:50%;position:absolute;top:6%;right:8%}.ball-slot.in-goal .ball{width:34%;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.ball-slot.hopping{transition-duration:var(--hop-ms)}.phase-light .token{animation:flicker var(--flicker-ms) steps(1, end) both;animation-delay:var(--power-ms)}.fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trail-home{--trail-color:var(--you)}.trail-away{--trail-color:var(--cpu)}.trail{stroke-width:.14px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--trail-color));animation:trail-fade var(--trail-ms) ease-out forwards}.streak{stroke:var(--ball);stroke-width:.12px;stroke-linecap:round;stroke-dasharray:.35 1.35;stroke-dashoffset:.35px;filter:drop-shadow(0 0 4px var(--ball));animation:streak var(--hop-ms) linear forwards}.pass-preview{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pass-line line{stroke:var(--ball);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--ball))}.pass-line.is-cut line{stroke:color-mix(in srgb, var(--ball) 40%, transparent);stroke-width:.05px;stroke-dasharray:.16 .14;stroke-linecap:butt;filter:none}.pass-line circle{fill:none;stroke:var(--cpu);stroke-width:2px}.pass-line.is-hover:not(.is-cut) line{stroke-width:3px}.pass-line.is-hover.is-cut line{stroke-width:.075px}.bar{flex-direction:column;flex:none;gap:8px;display:flex}.hint{min-height:2.8em;color:var(--muted);text-align:center;font-size:13px}.bar-buttons{justify-content:center;gap:10px;min-height:48px;display:flex}.bar-buttons .btn{flex:1;max-width:220px}.legend{letter-spacing:.08em;color:var(--muted);justify-content:center;gap:16px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .shape{fill:none;width:12px;height:12px;stroke:var(--muted);filter:none}.bar-buttons .btn-small{min-width:0;min-height:34px;color:var(--cd-cream);background:0 0;padding:0 14px;font-size:11px}.tray{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.tray-piece{border:1px solid color-mix(in srgb, var(--you) 22%, transparent);background:color-mix(in srgb, var(--you) 3%, transparent);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tray-piece.is-selected{border-color:var(--you);box-shadow:0 0 0 1px var(--you), 0 0 14px color-mix(in srgb, var(--you) 45%, transparent)}.tray-bench{letter-spacing:.1em;width:auto;color:var(--muted);padding:0 14px;font-size:11px;font-weight:650}.game{gap:4px}.brand{padding-bottom:6px;font-size:11px}.score-num{font-size:22px}.turn{font-size:14px}.log{font-size:12px}.rule-line{min-height:1.4em;font-size:11px}.hint{min-height:1.4em;font-size:12px}.bar{gap:6px}.btn,.bar-buttons{min-height:44px}.tray{gap:6px;min-height:40px}.tray-piece{width:40px;height:40px}.tray-piece .shape{width:22px;height:22px}@media (min-width:700px){.game{max-width:max(560px, calc(70dvh * var(--cols) / var(--rows) + 16px))}.board{width:min(100cqw, calc(100cqh * var(--cols) / var(--rows)), calc(70dvh * var(--cols) / var(--rows)))}}.end{background:color-mix(in srgb, var(--field) 82%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.end-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:28px 22px;display:flex;box-shadow:0 24px 80px #00000080}.end-kicker{letter-spacing:.2em;color:var(--muted);font-size:11px}.end-title{font-size:30px;font-weight:800}.end-score{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:18px}.end-buttons{flex-direction:column;gap:10px;display:flex}@keyframes trail-fade{0%{opacity:.9}to{opacity:0}}@keyframes streak{0%{stroke-dashoffset:.35px;opacity:1}to{stroke-dashoffset:-1px;opacity:.4}}@keyframes ring-flash{50%{box-shadow:0 0 calc(var(--ring-glow) * 3) var(--ball), 0 0 calc(var(--ring-glow) * 1.5) var(--ball), inset 0 0 var(--ring-glow) var(--ball)}}@keyframes ring-break{to{opacity:0;transform:scale(1.7)rotate(30deg)}}@keyframes power-up{0%{opacity:0}}@keyframes flicker{0%{opacity:0}20%{opacity:1}35%{opacity:.2}55%{opacity:1}70%{opacity:.5}to{opacity:1}}@keyframes endzone-pulse{50%{opacity:.55}}@keyframes endzone-flare{0%{background-color:#0000;box-shadow:0 0 #0000}}.tactic-note{min-height:5.6em}.tactic-note-name{letter-spacing:.14em;color:color-mix(in srgb, var(--cpu) 55%, var(--muted));font-size:11px;font-weight:700}.tactic-note-definition{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.board-stage{display:flex;position:relative}.tactic-flash{text-align:center;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--field) 88%, transparent), color-mix(in srgb, var(--field) 55%, transparent) 60%, transparent);animation:tactic-in var(--tactic-in-ms) ease-out both, tactic-out var(--tactic-out-ms) ease-in calc(var(--tactic-in-ms) + var(--tactic-hold-ms)) forwards;justify-content:center;align-items:center;padding:0 8%;display:flex;position:absolute;inset:0}.tactic-flash-name{letter-spacing:.14em;color:var(--cpu);text-shadow:0 0 14px color-mix(in srgb, var(--cpu) 60%, transparent), 0 0 2px var(--field);font-size:clamp(20px,5.5vw,30px);font-weight:800}@keyframes tactic-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}}@keyframes tactic-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.fx{display:none}.token,.ball-slot,.btn{transition:none!important}*,:before,:after{animation:none!important}}