:root{--accent:#f54;--accent2:#3fa9ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#0a1622;width:100%;height:100%;margin:0;padding:0;font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas.game-canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:14px;left:14px;right:14px}.hud-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a14238c;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;font-size:14px;line-height:1.5}.hud-speed{font-size:15px;position:absolute;bottom:18px;left:14px}.hud-crouch-wrap{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;width:220px;height:10px;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-crouch-bar{background:linear-gradient(90deg, var(--accent2), var(--accent));width:0%;height:100%;transition:width 50ms linear}.hud-trick-feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:90px;right:14px}.hud-trick-feed span{background:#ff5544d9;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;animation:.25s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hud-controls-hint{opacity:.65;text-align:right;font-size:12px;line-height:1.6;position:absolute;bottom:40px;right:14px}.overlay{pointer-events:all;background:radial-gradient(#0a192d8c,#050a14eb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:#0f1c2eeb;border:1px solid #ffffff26;border-radius:16px;min-width:360px;max-width:92vw;max-height:88vh;padding:32px 40px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.panel h1{background:linear-gradient(90deg, var(--accent2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:30px}.panel h2{color:#cfe6ff;margin:0 0 16px;font-size:20px}.panel p.sub{opacity:.75;margin:0 0 24px;font-size:14px}.btn{background:linear-gradient(90deg, var(--accent2), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 26px;font-size:16px;font-weight:700;transition:transform .1s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.secondary{background:#ffffff1a;border:1px solid #ffffff40}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:10px 24px;margin:12px 0 20px;font-size:15px;display:grid}.stat-grid .label{opacity:.65}.stat-grid .value{color:#ffd166;font-weight:700}.trick-list{max-height:140px;margin:0 0 18px;padding:0;font-size:13px;list-style:none;overflow-y:auto}.trick-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:4px 0;display:flex}.shop-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.shop-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px}.shop-card h3{margin:0 0 6px;font-size:15px}.shop-card .level-dots{gap:4px;margin:8px 0;display:flex}.dot{background:#ffffff26;border-radius:50%;width:14px;height:14px}.dot.filled{background:var(--accent)}.course-grid{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.course-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.course-card.active{border-color:var(--accent);background:#ff55441f}.course-card .name{font-weight:700}.course-card .meta{opacity:.7;margin-top:2px;font-size:12px}.tabs{gap:8px;margin-bottom:18px;display:flex}.tab{cursor:pointer;background:#ffffff0f;border-radius:8px;padding:8px 16px;font-size:14px}.tab.active{background:var(--accent);font-weight:700}.achv-list{flex-direction:column;gap:6px;max-height:200px;margin-bottom:20px;display:flex;overflow-y:auto}.achv{background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.achv.unlocked{background:#3fa9ff26}.achv .icon{font-size:18px}.achv.locked{opacity:.4}.coin-badge{color:#ffd166;font-size:14px;font-weight:700}.state-banner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;white-space:nowrap;background:#0a14238c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:10px 26px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)scale(.85)}.state-banner.visible{opacity:1;transform:translate(-50%)scale(1)}.state-banner-icon{font-size:26px;line-height:1}.state-banner-label{letter-spacing:.02em;font-size:20px;font-weight:700}.state-banner.state-riding{border-color:#3fa9ff80}.state-banner.state-launch{background:#ff5544d9;border-color:#fff6;animation:.35s banner-pulse}.state-banner.state-air{border-color:#ffffff59}.state-banner.state-clean{background:#3fa9ffe6;animation:.35s banner-pulse}.state-banner.state-crash{background:#c82828e6;animation:.4s banner-shake}@keyframes banner-pulse{0%{transform:translate(-50%)scale(.6)}60%{transform:translate(-50%)scale(1.15)}to{transform:translate(-50%)scale(1)}}@keyframes banner-shake{0%,to{transform:translate(-50%)scale(1)}25%{transform:translate(calc(-50% - 8px))scale(1.05)}75%{transform:translate(calc(8px - 50%))scale(1.05)}}.kicker-gauge{opacity:0;text-align:center;width:260px;transition:opacity .2s;position:absolute;top:150px;left:50%;transform:translate(-50%)}.kicker-gauge.visible{opacity:1}.kicker-gauge-label{opacity:.85;margin-bottom:4px;font-size:12px}.kicker-gauge-track{background:#ffffff2e;border:1px solid #ffffff40;border-radius:5px;height:8px;overflow:hidden}.kicker-gauge-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));width:0%;height:100%;transition:width 50ms linear}