@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(./barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(./barlow-condensed-latin-900-normal-SFh9ViAc.woff2)format("woff2"),url(./barlow-condensed-latin-900-normal-Bz1RFETY.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(./barlow-condensed-latin-900-italic-BRE8F-lA.woff2)format("woff2"),url(./barlow-condensed-latin-900-italic-CRRJoTIA.woff)format("woff")}:root{--ui-panel-opacity:.85;--ui-radius:8px}[hidden]{display:none!important}*{box-sizing:border-box}html,body{background:var(--brand-primary,Canvas);height:100%;color:var(--brand-text,CanvasText);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{width:100%;height:100%;display:block}#rotate{text-align:center;background:var(--brand-primary,Canvas);color:var(--brand-text,CanvasText);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:20px;font-weight:700;display:none;position:fixed;inset:0}#rotate .phone{border:4px solid var(--brand-accent,CanvasText);border-radius:var(--ui-radius);width:40px;height:64px;animation:1.6s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}@media (orientation:landscape) and (pointer:coarse){#rotate{display:flex}}@media (min-aspect-ratio:3/4){#stage{width:min(100vw,46.1538vh);left:50%;right:auto;transform:translate(-50%)}}#fatal{border-radius:var(--ui-radius);background:var(--brand-primary,Canvas);z-index:20;padding:12px;position:fixed;inset:auto 16px 16px}.debug-overlay{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));border-radius:var(--ui-radius);background:rgb(0 0 0/var(--ui-panel-opacity));color:var(--brand-accent,CanvasText);pointer-events:none;z-index:5;padding:4px 8px;font:12px/1.4 ui-monospace,monospace;position:fixed}#ui{pointer-events:none;z-index:3;color:var(--brand-text,CanvasText);font-family:Barlow Condensed,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}:where(#ui button){font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0}.panel{background:rgb(10 12 18/var(--ui-panel-opacity));border-radius:var(--ui-radius)}.btn{letter-spacing:.04em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);pointer-events:auto;min-width:56px;min-height:56px;padding:0 22px;font-size:20px;font-style:italic;font-weight:900}.btn-primary{background:var(--brand-accent);color:var(--brand-primary)}.btn-ghost{box-shadow:inset 0 0 0 2px var(--brand-text-muted);background:#0a0c12e6}.btn-big{min-height:64px;padding:0 34px;font-size:26px}.btn:active{transform:scale(.96)}.scorebug{top:max(6px, env(safe-area-inset-top));white-space:nowrap;border-bottom:3px solid var(--brand-accent);background:#0a0c12eb;grid-template-columns:1fr auto auto 1fr;grid-template-areas:"home hs as away""down spot spot clock";font-size:16px;font-weight:800;display:grid;position:absolute;left:3%;right:3%}.scorebug>div{align-items:center;padding:3px 10px;display:flex}.sb-home{background:var(--brand-accent);color:var(--brand-primary);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%);grid-area:home;justify-content:flex-end;font-size:18px;font-style:italic}.sb-away{color:#141820;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#c8cdd6f2;grid-area:away;font-size:18px;font-style:italic}.sb-score{justify-content:center;min-width:40px;font-size:24px;font-weight:900}.sb-score:nth-of-type(4){grid-area:hs}.sb-score:nth-of-type(5){grid-area:as}.sb-down{color:var(--brand-text);grid-area:down}.sb-spot{color:var(--brand-text-muted);grid-area:spot;justify-content:center;font-size:14px;font-weight:700}.sb-clock{color:var(--brand-accent);grid-area:clock;justify-content:flex-end}.scorebug.flash{animation:.9s ease-out 2 flash}@keyframes flash{50%{box-shadow:0 0 24px var(--brand-accent)}}.playcall{left:3%;right:3%;bottom:max(4%, env(safe-area-inset-bottom));pointer-events:auto;border-top:3px solid var(--brand-accent);background:#080a10d1;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex;position:absolute}.playcall-top{align-items:center;gap:6px;display:flex}.playcall-title{letter-spacing:.02em;white-space:nowrap;flex-shrink:1;min-width:0;padding:0 4px;font-size:20px;font-style:italic;font-weight:900;overflow:hidden;background:0 0!important}.playcall-clock{color:var(--brand-accent);text-align:center;min-width:44px;padding:4px 10px;font-size:18px;font-weight:900}.playcall-spacer{flex:1}.playcall .btn{white-space:nowrap;flex-shrink:0;min-height:56px;padding:0 12px;font-size:18px}.cards{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.card{text-align:left;pointer-events:auto;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;height:clamp(86px,13vh,124px);padding:6px 10px 4px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.card.suggested{box-shadow:inset 0 0 0 2px var(--brand-accent)}.card.selected{box-shadow:inset 0 0 0 3px var(--brand-accent), 0 0 18px color-mix(in srgb, var(--brand-accent) 30%, transparent);background:#ffffff1f}.card-name{font-size:17px;font-style:italic;font-weight:900;line-height:1}.card-type{letter-spacing:.06em;color:var(--brand-accent);font-size:12px;font-weight:700}.card-cycle{color:var(--brand-text-muted);font-size:12px;position:absolute;top:6px;right:8px}.card svg{width:100%;min-height:0;color:var(--brand-text);flex:1}.icons-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.icons-lines line{stroke:var(--brand-text);stroke-width:1.5px;opacity:.7}.ricon{width:var(--ui-icon-size);height:var(--ui-icon-size);margin:calc(var(--ui-icon-size) / -2) 0 0 calc(var(--ui-icon-size) / -2);pointer-events:auto;box-shadow:0 0 0 4px var(--ui-contested), 0 0 16px var(--ui-contested);will-change:transform;background:radial-gradient(circle,#0a0c12eb 60%,#0a0c1299);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.ricon[data-state=open]{box-shadow:0 0 0 4px var(--ui-open), 0 0 20px var(--ui-open)}.ricon[data-state=covered]{box-shadow:0 0 0 4px var(--ui-covered), 0 0 14px var(--ui-covered)}.ricon.holding{scale:1.15}.ricon-letter{font-size:28px;font-weight:900;line-height:1}.ricon-ring{pointer-events:none;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.ricon-band{stroke:var(--ui-open);stroke-width:9px;opacity:0}.ricon-fill{stroke:var(--brand-accent);stroke-width:7px;stroke-linecap:round}.ricon.holding .ricon-band{opacity:.55}.ricon.in-band .ricon-fill{stroke:var(--ui-open)}.ricon-tag{letter-spacing:.04em;white-space:nowrap;background:#0a0c12d9;border-radius:4px;margin-top:6px;padding:1px 6px;font-size:13px;font-weight:900;position:absolute;top:100%}.ricon[data-state=open] .ricon-tag{color:var(--ui-open)}.ricon[data-state=covered] .ricon-tag{color:var(--ui-covered)}.hint{letter-spacing:.04em;white-space:nowrap;border-left:4px solid var(--brand-accent);background:#0a0c12d9;padding:8px 16px;font-size:15px;font-weight:800;position:absolute;bottom:5%;left:50%;transform:translate(-50%)skew(-10deg)}.hint-key{color:var(--brand-accent);font-weight:900}.hint-sep{vertical-align:middle;background:var(--brand-text-muted);width:2px;height:16px;margin:0 12px;display:inline-block}.tap-layer{pointer-events:auto;position:absolute;inset:0}.catchring{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.cr-outer,.cr-inner{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cr-outer{border:6px solid var(--brand-accent);width:150px;height:150px;box-shadow:0 0 18px var(--brand-accent)}.cr-inner{border:3px solid var(--brand-text);width:70px;height:70px}.cr-label{white-space:nowrap;background:var(--brand-accent);color:var(--brand-primary);padding:4px 14px;font-size:26px;font-style:italic;font-weight:900;position:absolute;top:58px;left:0;transform:translate(-50%)rotate(-4deg)}.cr-chance{border:2px solid var(--brand-accent);background:#0a0c12e6;padding:4px 10px;font-size:14px;font-weight:800;line-height:1;position:absolute;top:-70px;left:86px}.cr-chance b{color:var(--brand-accent);font-size:28px;display:block}.catchring.graded .cr-outer{border-color:var(--ui-open);box-shadow:0 0 24px var(--ui-open)}.catchring:not(.hot):not(.graded) .cr-outer{border-color:var(--brand-text);box-shadow:none;opacity:.7}.catchring:not(.hot):not(.graded) .cr-label{color:var(--brand-text);background:#0a0c12e6}.catchring.hot .cr-label{animation:.25s ease-in-out infinite alternate throb}@keyframes throb{to{transform:translate(-50%)rotate(-4deg)scale(1.12)}}.catchring.missed .cr-outer{border-color:var(--ui-covered);box-shadow:0 0 24px var(--ui-covered)}.catchring.missed .cr-label{background:var(--ui-covered);color:var(--brand-text)}.cr-chip{font-size:22px;font-style:italic;font-weight:900;display:block}.cr-chip:empty{display:none}.cr-chip.up{color:var(--ui-open);animation:.5s cubic-bezier(.2,1.6,.4,1) chip}.cr-chip.down{color:var(--ui-covered);animation:.5s cubic-bezier(.2,1.6,.4,1) chip}@keyframes chip{0%{opacity:0;transform:scale(2)}}.yardtick{pointer-events:none;will-change:transform;text-align:center;min-width:60px;color:var(--brand-text);box-shadow:inset 0 -3px 0 var(--brand-accent);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0a0c12e6;margin-top:10px;padding:2px 10px;font-size:28px;font-style:italic;font-weight:900;line-height:1.1;position:absolute;top:0;left:0}.yardtick.first{background:var(--brand-accent);color:var(--brand-primary);box-shadow:none}.steer-hint{text-align:center;width:max-content;max-width:95%;color:var(--brand-accent);text-shadow:0 2px 6px #000c;pointer-events:none;font-size:18px;font-weight:800;position:absolute;bottom:calc(22% + 84px);left:50%;transform:translate(-50%)}.coach{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:40%;left:4%;right:4%}.coach[data-where=top]{top:15%}.coach-head{background:var(--brand-accent);color:var(--brand-primary);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:4px 18px;font-size:28px;font-style:italic;font-weight:900}.coach-sub{background:#0a0c12e0;border-radius:4px;padding:4px 12px;font-size:17px;font-weight:700}.coach.in{animation:.35s cubic-bezier(.2,1.6,.4,1) slam}.runctl{grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.run-left,.run-right{pointer-events:auto;position:relative}.stick-base{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.stick-base.rest{opacity:.7;top:78%;left:50%}.stick-arrows{width:140px;color:var(--brand-accent);text-shadow:0 1px 4px #000c;justify-content:space-between;padding:0 12px;font-size:56px;font-weight:900;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.stick-base:before{content:"";background:#ffffff1a;border-radius:50%;width:140px;height:140px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #ffffff59}.stick-knob{background:#e6e6ebd9;border-radius:50%;width:64px;height:64px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000080}.sprint-btn{width:96px;height:96px;box-shadow:0 0 0 5px var(--brand-accent);background:#0a0c12d9;border-radius:50%;font-size:22px;font-style:italic;font-weight:900;position:absolute;bottom:12%;right:5%}.sprint-btn.on{background:var(--brand-accent);color:var(--brand-primary)}.stamina{pointer-events:none;background:#fff3;border-radius:5px;width:96px;height:10px;position:absolute;bottom:8%;right:5%;overflow:hidden}.stamina-fill{background:var(--brand-accent);width:100%;height:100%}.swipe-hints{width:max-content;color:var(--brand-accent);text-shadow:0 2px 6px #000c;pointer-events:none;gap:6px;font-size:18px;font-weight:800;display:grid;position:absolute;top:16%;left:50%;transform:translate(-50%)}.swipe-hints b{color:var(--brand-text)}.pops{pointer-events:none;position:absolute;inset:0}.pop{white-space:nowrap;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:0 14px 2px;font-size:26px;font-style:italic;font-weight:900;animation:1.1s ease-out forwards pop;position:absolute;transform:translate(-50%,-100%)}.pop-big{font-size:36px}.pop-good{background:var(--brand-accent);color:var(--brand-primary)}.pop-bad{background:var(--brand-text);color:var(--brand-primary);box-shadow:inset 6px 0 0 var(--ui-covered)}.pop-plain{color:var(--brand-text);box-shadow:inset 0 -3px 0 var(--brand-accent);background:#0a0c12e6}@keyframes pop{0%{opacity:0;transform:translate(-50%,-60%)scale(.5)}15%{opacity:1;transform:translate(-50%,-100%)scale(1.15)}30%{transform:translate(-50%,-100%)scale(1)}70%{opacity:1;transform:translate(-50%,-150%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.banner{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute;top:15%;left:4%;right:4%}.banner-head{text-align:center;text-transform:uppercase;background:var(--brand-accent);color:var(--brand-primary);clip-path:polygon(3% 8%,40% 0,100% 4%,97% 92%,60% 100%,0 96%);align-self:stretch;padding:12px 22px 14px;font-size:clamp(30px,5vh,46px);font-style:italic;font-weight:900;line-height:.98;transform:rotate(-3deg)}.banner-head[data-tone=bad]{background:var(--brand-text)}.banner.in .banner-head{animation:.35s cubic-bezier(.2,1.6,.4,1) slam}@keyframes slam{0%{opacity:0;transform:rotate(-3deg)scale(1.8)}}.why{background:#0e1016f0;border-radius:6px;padding:18px 14px 8px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.why-tag{background:var(--brand-accent);color:var(--brand-primary);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:2px 16px;font-size:18px;font-style:italic;font-weight:900;position:absolute;top:-12px;left:10px}.why-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:12px;padding:5px 0;font-size:16px;display:flex}.why-row:last-child{border-bottom:0}.why-label{color:var(--brand-text-muted);font-weight:700}.why-value{text-align:right;font-weight:800}.tone-good{color:var(--ui-open)}.tone-bad{color:var(--ui-covered)}.btn-next{align-self:flex-end}.title,.fourth,.info,.final{pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.title{background:radial-gradient(#0000008c,#000000d9);place-items:end start;overflow:hidden;container-type:inline-size}.title.has-hero{background:var(--brand-primary)}.title-hero,.title-shade{width:100%;height:100%;position:absolute;inset:0}.title-hero{object-fit:cover;object-position:85% 15%}.title-shade{background:linear-gradient(90deg,#000000b3 0%,#00000026 60%,#0000 85%),linear-gradient(#0000 38%,#0000008c 65%,#000000f2 100%)}.title-box{max-width:100%;padding:0 24px calc(28px + env(safe-area-inset-bottom)) 24px;text-align:left;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.title-logo{width:auto;height:clamp(30px,10cqi,46px);color:var(--brand-accent);margin-bottom:4px;display:block}.title-kicker{color:var(--brand-accent);font-size:clamp(30px,9.5cqi,44px);font-style:italic;font-weight:900;line-height:.95}.title-word{letter-spacing:-.01em;color:var(--brand-text);margin-bottom:6px;font-size:clamp(60px,21cqi,104px);font-style:italic;font-weight:900;line-height:.82}.title-word-accent{color:var(--brand-accent)}.title-sub{letter-spacing:.14em;color:var(--brand-text);margin-bottom:10px;font-size:14px;font-weight:800}.title-sub:before{content:"◆";color:var(--brand-accent);vertical-align:1px;margin-right:8px;font-size:11px}.btn-start{letter-spacing:.16em;min-width:220px;min-height:60px;font-size:24px}.title-help{color:var(--brand-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:800}.title-how{min-height:56px;color:var(--brand-text-muted);letter-spacing:.14em;pointer-events:auto;background:0 0;padding:0;font-size:14px;font-weight:800}.title-how:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-left:10px;display:inline-block;transform:translateY(-3px)rotate(45deg)}.title-how[aria-expanded=true]:after{transform:translateY(1px)rotate(225deg)}.title-steps{max-width:340px;color:var(--brand-text);margin:-6px 0 0;padding-left:20px;font-size:15px;font-weight:600;line-height:1.4}.fourth{pointer-events:none}.fourth-box,.info-box{pointer-events:auto;border-top:4px solid var(--brand-accent);flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex}.fourth-title,.info-title{color:var(--brand-accent);font-size:34px;font-style:italic;font-weight:900}.fourth-sub,.info-body{color:var(--brand-text);font-size:18px;font-weight:700}.fourth-row{flex-direction:column;align-self:stretch;gap:10px;margin-top:6px;display:flex}.info-skip{letter-spacing:.06em;color:var(--brand-text-muted);margin-top:4px;font-size:14px;font-weight:800}.info.in .info-box{animation:.35s cubic-bezier(.2,1.6,.4,1) slam}.final{background:#0009}.final-title{color:var(--brand-accent);font-size:56px;font-style:italic;font-weight:900;line-height:1}.final-score{font-size:34px;font-style:italic;font-weight:900}.final-line{color:var(--brand-text-muted);margin-bottom:8px;font-weight:700}.ricon:not(.holding) .ricon-fill{opacity:0}.fourth-box,.info-box,.final-box{max-width:92%}.bigscreen{pointer-events:auto;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bigscreen-frame{aspect-ratio:16/9;border:4px solid var(--brand-accent);background:#000;border-radius:6px;width:96%;animation:.35s cubic-bezier(.2,1.6,.4,1) slam;position:relative;overflow:hidden;box-shadow:0 0 0 4px #000000d9,0 0 40px #000000b3}.bigscreen-frame.tall{width:auto;max-width:96%;height:86%}.bigscreen-video{object-fit:cover;width:100%;height:100%;display:block}.bigscreen-tag{background:var(--brand-accent);color:var(--brand-primary);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);align-items:center;gap:8px;padding:4px 14px 4px 10px;font-size:20px;font-style:italic;font-weight:900;display:flex;position:absolute;bottom:0;left:0}.bigscreen-live{background:var(--brand-primary);color:var(--brand-accent);padding:0 6px;font-size:13px}