:root{--ink: #0d1926;--ink-soft: #26384c;--panel: rgba(11, 24, 38, .82);--panel-solid: #0f2033;--panel-line: rgba(158, 200, 240, .22);--snow: #eef5fb;--snow-dim: #a9c1d8;--sky: #63b3f2;--sky-deep: #2b7fc4;--warm: #f5c542;--hot: #e8543a;--good: #63d69b;--bad: #e8615a;--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:#0b1622;font-family:var(--font);color:var(--snow);-webkit-font-smoothing:antialiased}body{overscroll-behavior:none;touch-action:none;user-select:none}.app{position:relative;width:100%;height:100%}.game-canvas{position:absolute;inset:0;display:block}.overlay{position:absolute;inset:0;pointer-events:none}.overlay.interactive{pointer-events:auto}.loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#12283d,#0b1622 70%);z-index:40}.loading-inner{text-align:center}.loading h1{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.22em;margin:0 0 .8rem;font-weight:800;text-transform:uppercase}.loading p{color:var(--snow-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.spinner{margin:1.6rem auto 0;width:190px;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.spinner span{display:block;height:100%;width:42%;border-radius:3px;background:linear-gradient(90deg,var(--sky),var(--snow));animation:slide 1.15s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:3vh 4vw;z-index:30;background:radial-gradient(circle at 30% 20%,#14304c8c,#060e18e0 70%);pointer-events:auto;overflow-y:auto}.screen.pause{background:#060e18b8}.card{width:min(760px,100%);background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;padding:2rem 2.2rem;box-shadow:0 26px 70px #00000080;backdrop-filter:blur(9px)}.card.narrow{width:min(520px,100%)}.brand{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}.brand h1{margin:0;font-size:clamp(2.2rem,5.4vw,3.6rem);letter-spacing:.16em;text-transform:uppercase;font-weight:800;background:linear-gradient(100deg,#ffffff 20%,var(--sky) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{margin:.5rem 0 1.6rem;color:var(--snow-dim);letter-spacing:.05em;font-size:.98rem}.menu-actions{display:flex;flex-direction:column;gap:.6rem;max-width:320px}button{font-family:inherit;font-size:.95rem;color:var(--snow);background:#ffffff12;border:1px solid var(--panel-line);padding:.72rem 1.15rem;border-radius:10px;cursor:pointer;text-align:left;letter-spacing:.04em;transition:background .12s ease,border-color .12s ease,transform 90ms ease}button:hover{background:#ffffff24;border-color:#b4dcff73}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(100deg,var(--sky-deep),var(--sky));border-color:transparent;color:#04141f;font-weight:700;letter-spacing:.1em;text-transform:uppercase}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent}button.danger{border-color:#e8615a80;color:#ffc9c5}.row{display:flex;gap:.6rem;flex-wrap:wrap}.hi-score{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--panel-line);display:flex;gap:2.2rem;flex-wrap:wrap;color:var(--snow-dim);font-size:.85rem}.hi-score strong{display:block;color:var(--snow);font-size:1.35rem;font-weight:700;letter-spacing:.02em}h2{margin:0 0 1rem;font-size:1.35rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}h3{margin:1.4rem 0 .6rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sky)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.4rem 1.6rem}.control-row{display:flex;justify-content:space-between;gap:.8rem;padding:.34rem 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:.86rem}.control-row span:last-child{color:var(--snow-dim);text-align:right}kbd{display:inline-block;min-width:1.5rem;padding:.1rem .4rem;background:#ffffff1c;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.76rem;text-align:center}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}.setting-value{color:var(--snow-dim);font-variant-numeric:tabular-nums;min-width:3.4rem;text-align:right;font-size:.82rem}input[type=range]{width:190px;accent-color:var(--sky)}.seg{display:inline-flex;border:1px solid var(--panel-line);border-radius:9px;overflow:hidden}.seg button{border:none;border-radius:0;padding:.42rem .8rem;font-size:.8rem;background:transparent;text-align:center;letter-spacing:.06em}.seg button.on{background:var(--sky-deep);color:#04141f;font-weight:700}.toggle{width:52px;height:27px;border-radius:14px;border:1px solid var(--panel-line);background:#ffffff17;position:relative;padding:0;cursor:pointer}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--snow-dim);transition:transform .13s ease,background .13s ease}.toggle.on{background:#63b3f259;border-color:#63b3f299}.toggle.on:after{transform:translate(24px);background:var(--sky)}.hud{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}.hud-top-left{position:absolute;top:18px;left:20px}.hud-score{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.6);line-height:1}.hud-label{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--snow-dim);margin-bottom:2px}.hud-pending{margin-top:6px;display:flex;align-items:center;gap:.55rem;font-size:1rem;font-weight:700;color:var(--warm);text-shadow:0 2px 10px rgba(0,0,0,.65)}.hud-combo{background:#f5c54229;border:1px solid rgba(245,197,66,.5);border-radius:20px;padding:1px 9px;font-size:.82rem}.hud-combo-bar{margin-top:5px;width:128px;height:3px;border-radius:2px;background:#ffffff29;overflow:hidden}.hud-combo-bar div{height:100%;background:var(--warm)}.hud-top-right{position:absolute;top:18px;right:20px;text-align:right}.hud-speed{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.6)}.hud-speed small{font-size:.62rem;letter-spacing:.2em;color:var(--snow-dim);margin-left:5px}.hud-stance{margin-top:6px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sky)}.hud-progress-wrap{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(340px,42vw);text-align:center}.hud-section{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--snow);text-shadow:0 2px 10px rgba(0,0,0,.7);margin-bottom:5px}.hud-progress{height:5px;border-radius:3px;background:#ffffff2e;overflow:hidden;position:relative}.hud-progress>div{height:100%;background:linear-gradient(90deg,var(--sky),var(--snow))}.hud-progress-marks{position:absolute;inset:0}.hud-progress-marks i{position:absolute;top:0;bottom:0;width:1px;background:#0b1826a6}.hud-distance{margin-top:4px;font-size:.66rem;letter-spacing:.12em;color:var(--snow-dim)}.hud-trick{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none}.hud-trick-name{font-size:clamp(1.1rem,2.6vw,1.9rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.8)}.hud-trick-air{font-size:.72rem;letter-spacing:.2em;color:var(--warm);margin-top:3px}.hud-charge{position:absolute;left:50%;bottom:92px;transform:translate(-50%);width:168px;height:6px;border-radius:4px;background:#0006;border:1px solid rgba(255,255,255,.22);overflow:hidden}.hud-charge div{height:100%;background:linear-gradient(90deg,var(--good),var(--warm));transition:none}.hud-balance{position:absolute;left:50%;bottom:118px;transform:translate(-50%);width:230px;text-align:center}.hud-balance-track{height:8px;border-radius:5px;background:#0000006b;border:1px solid rgba(255,255,255,.24);position:relative}.hud-balance-track i{position:absolute;top:-3px;bottom:-3px;left:50%;width:1px;background:#ffffff4d}.hud-balance-knob{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:var(--sky);box-shadow:0 0 12px #63b3f2cc;margin-left:-7px}.hud-balance-label{margin-top:5px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--snow)}.hud-events{position:absolute;right:20px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.event{background:#091421c7;border:1px solid var(--panel-line);border-left:3px solid var(--sky);border-radius:8px;padding:7px 11px;min-width:190px;animation:pop .2s ease}.event.perfect{border-left-color:var(--good)}.event.crash{border-left-color:var(--bad)}.event.checkpoint{border-left-color:var(--sky)}.event.gate{border-left-color:var(--warm)}.event.repeat{border-left-color:#9aa7b5}.event-title{font-size:.9rem;font-weight:700;letter-spacing:.03em}.event-detail{font-size:.68rem;color:var(--snow-dim);letter-spacing:.06em;margin-top:1px}.event-points{font-size:.86rem;font-weight:700;color:var(--warm);margin-top:2px}@keyframes pop{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.banner{position:absolute;left:50%;top:40%;transform:translate(-50%);text-align:center;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--bad);text-shadow:0 4px 26px rgba(0,0,0,.85)}.banner small{display:block;font-size:.8rem;letter-spacing:.24em;color:var(--snow-dim);margin-top:8px}.tutorial{position:absolute;left:50%;bottom:34px;transform:translate(-50%);background:#091421d1;border:1px solid var(--panel-line);border-radius:999px;padding:9px 20px;font-size:.86rem;letter-spacing:.05em;box-shadow:0 10px 34px #00000073;max-width:82vw;text-align:center}.hud-hint{position:absolute;left:20px;bottom:22px;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#dcebfa8c;line-height:1.7}.fade{position:absolute;inset:0;background:#08121d;pointer-events:none}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:1.2rem 0 1.6rem}.stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:.75rem .9rem}.stat span{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--snow-dim);margin-bottom:4px}.stat strong{font-size:1.15rem;font-weight:700;letter-spacing:.02em}.total{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.total b{font-size:clamp(2.2rem,5.6vw,3.4rem);font-weight:800;letter-spacing:.01em}.new-high{background:linear-gradient(100deg,var(--warm),#ffe28a);color:#3c2c00;padding:3px 12px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.scroll{max-height:min(52vh,460px);overflow-y:auto;padding-right:6px}.scroll::-webkit-scrollbar{width:7px}.scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.muted{color:var(--snow-dim);font-size:.82rem;line-height:1.6}@media(max-width:720px){.card{padding:1.4rem 1.3rem}.hud-progress-wrap{width:54vw}}html.hub-route,body.hub-route,body.hub-route #root{min-height:100%;height:auto;overflow:visible}body.hub-route{background:#071018;color:#f4f0e8;touch-action:auto;user-select:text;overscroll-behavior-y:auto}.game-hub{--hub-ink: #f4f0e8;--hub-muted: #9eaab3;--hub-line: rgba(255, 255, 255, .13);--hub-orange: #ff6b35;--hub-yellow: #ffd166;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 76% 4%,rgba(0,183,255,.16),transparent 29rem),radial-gradient(circle at 10% 32%,rgba(255,107,53,.13),transparent 32rem),#071018;color:var(--hub-ink)}.game-hub:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hub-header,.hub-hero,.hub-library,.hub-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hub-header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--hub-line)}.hub-brand,.hub-nav-link,.hub-game-card,.hub-scroll-cue{color:inherit;text-decoration:none}.hub-brand{display:inline-flex;align-items:center;gap:12px}.hub-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;transform:rotate(-4deg);background:var(--hub-orange);box-shadow:0 9px 24px #ff6b353d;color:#101820;font-weight:950;letter-spacing:-.08em}.hub-brand>span:last-child{display:flex;flex-direction:column;gap:1px}.hub-brand strong{font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase}.hub-brand small{color:var(--hub-muted);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hub-nav-link{padding:10px 16px;border:1px solid var(--hub-line);border-radius:999px;color:#dbe3e8;font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;transition:border-color .16s ease,background .16s ease}.hub-nav-link:hover{border-color:#ffffff61;background:#ffffff0f}.hub-hero{display:flex;min-height:min(660px,calc(100vh - 96px));flex-direction:column;align-items:flex-start;justify-content:center;padding:88px 0 106px}.hub-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px;color:var(--hub-yellow);font-size:.75rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hub-kicker span,.hub-live-count i{width:8px;height:8px;border-radius:50%;background:var(--hub-yellow);box-shadow:0 0 14px #ffd166bf}.hub-hero h1{max-width:980px;margin:0;font-size:clamp(3.8rem,8.7vw,7.8rem);font-weight:900;letter-spacing:-.065em;line-height:.89}.hub-hero h1 em{display:inline-block;color:transparent;font-style:normal;-webkit-text-stroke:1.5px rgba(244,240,232,.48)}.hub-hero>p{max-width:650px;margin:34px 0 30px;color:var(--hub-muted);font-size:clamp(1.03rem,1.8vw,1.24rem);line-height:1.65}.hub-scroll-cue{display:inline-flex;align-items:center;gap:12px;color:#e9eef1;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hub-scroll-cue span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--hub-line);border-radius:50%;transition:transform .16s ease,border-color .16s ease}.hub-scroll-cue:hover span{transform:translateY(4px);border-color:#ffffff73}.hub-library{padding:80px 0 100px;border-top:1px solid var(--hub-line)}.hub-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.hub-section-heading p{margin:0 0 9px;color:var(--hub-orange);font-size:.72rem;font-weight:850;letter-spacing:.19em;text-transform:uppercase}.hub-section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1}.hub-live-count{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--hub-line);border-radius:999px;color:#bcc8ce;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hub-live-count i{width:7px;height:7px;background:#55e69a;box-shadow:0 0 12px #55e69ab3}.hub-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hub-game-card{min-width:0;overflow:hidden;border:1px solid var(--hub-line);border-radius:26px;background:#0c1821e0;box-shadow:0 24px 70px #0003;transition:transform .19s ease,border-color .19s ease,box-shadow .19s ease}.hub-game-card:hover,.hub-game-card:focus-visible{transform:translateY(-7px);border-color:#ffffff59;box-shadow:0 34px 86px #00000061;outline:none}.hub-game-art{aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--hub-line)}.hub-game-art svg{display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.25,1)}.hub-game-card:hover .hub-game-art svg,.hub-game-card:focus-visible .hub-game-art svg{transform:scale(1.035)}.hub-game-copy{padding:28px 30px 31px}.hub-card-topline{display:flex;align-items:center;justify-content:space-between;color:#9eabb2;font-size:.7rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hub-game-card.golf .hub-card-topline{color:#64f2a4}.hub-game-card.snow .hub-card-topline{color:#74cff8}.hub-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-size:1rem;letter-spacing:0;transition:transform .16s ease}.hub-game-card:hover .hub-arrow{transform:rotate(45deg)}.hub-game-copy h3{margin:17px 0 12px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;line-height:.98}.hub-game-copy>p{min-height:78px;margin:0;color:var(--hub-muted);line-height:1.6}.hub-game-copy ul{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px;padding:0;list-style:none}.hub-game-copy li{padding:7px 10px;border:1px solid var(--hub-line);border-radius:8px;color:#c2cbd0;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hub-play-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border-radius:12px;background:#eff5f6;color:#071018;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;transition:background .16s ease,color .16s ease}.hub-game-card.golf:hover .hub-play-button{background:#63f2a4}.hub-game-card.snow:hover .hub-play-button{background:#82d9ff}.hub-play-button b{font-size:1.1rem}.hub-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 48px;border-top:1px solid var(--hub-line);color:#86949d;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hub-footer b{margin-right:7px;color:var(--hub-orange)}.route-loading{display:grid;min-height:100%;place-items:center;background:#0b1622;color:#dcecf8;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.library-link{display:inline-flex;margin-bottom:1.15rem;color:var(--snow-dim);font-size:.68rem;font-weight:750;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:color .14s ease}.library-link:hover,.library-link:focus-visible{color:#fff;outline:none}@media(max-width:820px){.hub-header,.hub-hero,.hub-library,.hub-footer{width:min(100% - 32px,620px)}.hub-header{min-height:82px}.hub-hero{min-height:570px;padding:64px 0 78px}.hub-hero h1{font-size:clamp(3.35rem,15vw,5.9rem)}.hub-game-grid{grid-template-columns:1fr}.hub-game-copy>p{min-height:0}}@media(max-width:540px){.hub-brand strong{font-size:.92rem}.hub-mark{width:42px;height:42px}.hub-nav-link{padding:9px 12px;font-size:.66rem}.hub-hero{min-height:530px;padding-top:54px}.hub-hero h1{font-size:clamp(3.05rem,15.2vw,4.4rem)}.hub-hero>p{margin-top:26px;font-size:1rem}.hub-library{padding:62px 0 72px}.hub-section-heading{align-items:flex-start;flex-direction:column}.hub-game-card{border-radius:20px}.hub-game-copy{padding:24px 22px 23px}.hub-game-copy h3{font-size:2.2rem}.hub-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.hub-game-card,.hub-game-art svg,.hub-arrow,.hub-scroll-cue span{transition:none}}