@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";.touch-controls{position:fixed;inset:0;z-index:1100;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls__joystick{position:absolute;left:max(.9rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));width:clamp(128px,34vw,220px);min-width:44px;min-height:44px;aspect-ratio:1}.touch-controls__joystick-ring{width:100%;height:100%;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at 32% 28%,#f8fafc38,#0f172ab3);box-shadow:0 12px 24px #02061766;display:grid;place-items:center;transition:border-color .12s ease,box-shadow .12s ease,filter .12s ease}.touch-controls__joystick--active .touch-controls__joystick-ring{border-color:#38bdf8e6;box-shadow:0 0 0 3px #38bdf833,0 14px 26px #02061773;filter:brightness(1.08)}.touch-controls__joystick-knob{width:42%;height:42%;border-radius:999px;border:1px solid rgba(226,232,240,.75);background:linear-gradient(160deg,#38bdf8f2,#0369a1b8);box-shadow:0 6px 16px #0e749073;transform:translateZ(0)}.touch-controls__right{position:absolute;right:max(.8rem,env(safe-area-inset-right));top:max(.8rem,env(safe-area-inset-top));bottom:max(.8rem,env(safe-area-inset-bottom));width:min(56vw,460px);display:flex;flex-direction:column;gap:.8rem}.touch-controls__swipe-zone{flex:1;border-radius:1rem;border:1px dashed rgba(148,163,184,.55);background:linear-gradient(180deg,#0f172a1a,#0f172a3d);color:#e2e8f0d9;font-family:Inter,system-ui,sans-serif;font-size:clamp(.72rem,1.9vw,.92rem);font-weight:700;letter-spacing:.045em;text-transform:uppercase;display:grid;place-items:start center;padding-top:.9rem;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.touch-controls__swipe-zone--active{border-color:#fbbf24e6;box-shadow:inset 0 0 0 2px #fbbf242e;background:linear-gradient(180deg,#facc1529,#0f172a4d)}.touch-controls__buttons{display:grid;gap:.6rem;justify-items:end}.touch-controls__button{width:clamp(92px,26vw,170px);min-width:44px;min-height:44px;border-radius:999px;border:1px solid rgba(241,245,249,.5);padding:.78rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:clamp(.8rem,1.8vw,1rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;background:#0f172abd;box-shadow:0 10px 20px #02061759;touch-action:manipulation}.touch-controls__button--push{border-color:#38bdf8b3;background:linear-gradient(145deg,#0284c7f2,#0f172ad1)}.touch-controls__button--brake{border-color:#f87171b8;background:linear-gradient(145deg,#dc2626f2,#0f172ad1)}.touch-controls__button--active{transform:scale(.97);filter:brightness(1.18)}@media(max-width:700px){.touch-controls__joystick{width:clamp(112px,36vw,144px);left:max(.65rem,env(safe-area-inset-left));bottom:max(.7rem,env(safe-area-inset-bottom))}.touch-controls__right{right:max(.6rem,env(safe-area-inset-right));top:max(2.6rem,env(safe-area-inset-top));bottom:max(.7rem,env(safe-area-inset-bottom));width:min(53vw,270px);gap:.55rem}.touch-controls__swipe-zone{border-radius:.85rem;padding-top:.65rem;font-size:clamp(.64rem,2.7vw,.78rem)}.touch-controls__buttons{gap:.5rem}.touch-controls__button{width:clamp(88px,30vw,128px);padding:.62rem .82rem;font-size:clamp(.74rem,2.6vw,.88rem)}}@media(min-width:900px){.touch-controls__right{width:min(48vw,540px)}.touch-controls__buttons{grid-template-columns:1fr 1fr}.touch-controls__button{width:clamp(120px,16vw,180px)}}@property --score-value{syntax: "<integer>"; initial-value: 0; inherits: false;}.hud-root{position:fixed;inset:0;z-index:20;pointer-events:none;color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hud-panel,.hud-score-block,.hud-combo-block{border:1px solid rgba(148,163,184,.3);background:linear-gradient(165deg,#020617c7,#090e1c9e);border-radius:.85rem;backdrop-filter:blur(6px);box-shadow:0 10px 24px #02061766}.hud-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#e2e8f0d1}.hud-left-cluster{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:stretch;gap:.55rem;width:min(24rem,38vw);min-width:14rem}.hud-score-block{position:relative;padding:.75rem .9rem .65rem;text-align:left}.hud-score-value{--score-value: 0;display:block;margin-top:.12rem;line-height:1;font-size:clamp(1.8rem,4.4vw,3.1rem);font-weight:900;letter-spacing:.03em;color:#fff;counter-reset:score var(--score-value);transition:--score-value .32s cubic-bezier(.22,1,.36,1),filter .18s ease,transform .18s ease;filter:drop-shadow(0 0 16px rgba(56,189,248,.35))}.hud-score-value:before{content:counter(score)}.hud-rank-inline{display:block;margin-top:.22rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#cbd5e1d1}.hud-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-combo-block{display:grid;gap:.28rem;padding:.55rem .75rem .65rem;opacity:.74;transform:translateY(-2px);transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.hud-combo-row{display:flex;align-items:baseline;gap:.45rem}.hud-combo-value{font-size:1.02rem;font-weight:700;color:#e2e8f0eb}.hud-combo-value.is-pulsing{animation:hud-combo-count-pop .28s cubic-bezier(.22,1,.36,1)}@keyframes hud-combo-count-pop{0%{transform:scale(1);color:#e2e8f0eb}45%{transform:scale(1.22);color:#fde68a}to{transform:scale(1);color:#e2e8f0eb}}.hud-multiplier-value{font-size:1.52rem;line-height:1;font-weight:900;letter-spacing:.035em;color:#fb923c}.hud-multiplier-value.is-pulsing{animation:hud-multiplier-pop .34s cubic-bezier(.22,1,.36,1)}@keyframes hud-multiplier-pop{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(249,115,22,0))}45%{transform:scale(1.26);filter:drop-shadow(0 0 18px rgba(249,115,22,.65))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(249,115,22,0))}}.hud-combo-potential{margin-left:auto;font-size:.82rem;font-weight:700;color:#7dd3fcf2}.hud-combo-chain{min-height:1.2em;display:flex;align-items:center;flex-wrap:nowrap;gap:0;font-size:.72rem;line-height:1.25;letter-spacing:.045em;text-transform:uppercase;color:#bae6fdeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .14s ease}.hud-combo-chain-entry{animation:hud-combo-chain-fade 3s linear forwards;animation-delay:calc(var(--combo-feed-elapsed, 0ms) * -1)}.hud-combo-chain-separator{margin:0 .28rem;color:#bae6fdb8}@keyframes hud-combo-chain-fade{0%,70%{opacity:1}to{opacity:0}}.hud-combo-window{width:100%;margin-top:.04rem;height:.34rem;border-radius:999px;overflow:hidden;background:#64748b61}.hud-combo-window-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);transition:transform 80ms linear;background:linear-gradient(90deg,#22d3ee,#fb923c 58%,#ef4444)}.hud-combo-block.is-active{opacity:1;transform:translateY(0);border-color:#fb923c8c;box-shadow:0 0 24px #fb923c38}.hud-timer{position:absolute;top:.9rem;left:50%;transform:translate(-50%);min-width:clamp(8.4rem,18vw,11rem);display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.55rem .85rem .5rem}.hud-timer-value{font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1;font-weight:900;letter-spacing:.04em;color:#f8fafc;transition:color .15s ease,transform .15s ease}.hud-timer-value.is-warning{color:#facc15}.hud-timer-value.is-critical{color:#f87171;animation:hud-timer-pulse .88s ease-in-out infinite}@keyframes hud-timer-pulse{0%,to{transform:scale(1);text-shadow:0 0 0 rgba(248,113,113,0)}50%{transform:scale(1.08);text-shadow:0 0 16px rgba(248,113,113,.68)}}.hud-speed{position:absolute;right:1rem;bottom:4.6rem;width:min(17rem,36vw);padding:.55rem .75rem .65rem}.hud-speed-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.34rem}.hud-speed-value{font-size:1rem;font-weight:800;color:#e2e8f0f5}.hud-speed-track{height:.52rem;border-radius:999px;overflow:hidden;background:#94a3b857}.hud-speed-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);transition:transform .1s linear,filter .15s ease;background:linear-gradient(90deg,#38bdf8,#facc15 58%,#fb7185);filter:saturate(calc(.7 + var(--speed-ratio, 0) * .6))}.hud-special-meter{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);width:min(24rem,52vw);padding:.48rem .68rem .58rem;transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.hud-special-meter.is-hidden{opacity:0;visibility:hidden}.hud-speed,.hud-special-meter,.audio-volume-control__toggle,.audio-volume-control__panel{background:#020617c2;border:1px solid rgba(148,163,184,.18);border-radius:.75rem;backdrop-filter:blur(8px)}.hud-special-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.hud-special-state{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bfdbfee6}.hud-special-track{height:.56rem;border-radius:999px;overflow:hidden;background:#64748b5c}.hud-special-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);transition:transform 90ms linear,filter .18s ease;background:linear-gradient(90deg,#38bdf8,#a78bfa 40%,#facc15);filter:saturate(.82)}.hud-special-meter.is-ready{border-color:#facc15d9;box-shadow:0 0 26px #facc1559;filter:brightness(1.04)}.hud-special-meter.is-ready .hud-special-state{color:#fde68a}.hud-special-meter.is-ready .hud-special-fill{filter:drop-shadow(0 0 12px rgba(250,204,21,.85)) saturate(1.2)}.hud-score-popup-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:min(92vw,34rem);display:flex;flex-direction:column;align-items:center;gap:.24rem}.hud-score-popup{--score-popup-scale: 1;display:inline-flex;align-items:baseline;gap:.45rem;max-width:100%;padding:.14rem .62rem;border-radius:999px;border:1px solid rgba(251,146,60,.4);background:linear-gradient(165deg,#0f172ae6,#020617b3);font-size:clamp(1.08rem,4.4vw,2.2rem);line-height:1;font-weight:900;letter-spacing:.03em;color:#fb923c;opacity:0;transform:translateY(0) scale(var(--score-popup-scale));filter:drop-shadow(0 12px 20px rgba(2,6,23,.45));animation:hud-score-popup-float .98s cubic-bezier(.22,1,.36,1) forwards}.hud-score-popup-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score-popup-points{color:#f8fafc;font-size:.82em;letter-spacing:.045em}.hud-score-popup.is-special{color:#facc15;border-color:#facc15bf;background:linear-gradient(165deg,#92400ed1,#0f172ad6);filter:drop-shadow(0 0 22px rgba(250,204,21,.42))}@keyframes hud-score-popup-float{0%{opacity:0;transform:translateY(12px) scale(calc(var(--score-popup-scale) * .9))}18%{opacity:1;transform:translateY(0) scale(var(--score-popup-scale))}72%{opacity:1;transform:translateY(-24px) scale(calc(var(--score-popup-scale) * 1.04))}to{opacity:0;transform:translateY(-46px) scale(calc(var(--score-popup-scale) * 1.08))}}.hud-menu{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(.9rem,3vw,1.5rem);color:#f8fafc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease;text-align:center;overflow:hidden;isolation:isolate}.hud-menu:before{content:"";position:absolute;inset:-30%;z-index:-2;background:radial-gradient(circle at 14% 26%,#38bdf854,#38bdf800 52%),radial-gradient(circle at 82% 18%,#f9731657,#f9731600 48%),radial-gradient(circle at 52% 86%,#9333ea33,#9333ea00 44%),linear-gradient(130deg,#0f172af0,#020617f0 46%,#07101ff0);background-size:138% 138%;animation:hud-menu-gradient-shift 18s linear infinite;transform:translateZ(0)}.hud-menu:after{content:"";position:absolute;inset:0;z-index:-1;background:#02061780;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-menu.visible{opacity:1;visibility:visible;pointer-events:auto}.hud-menu--game-over:before{background:radial-gradient(circle at 16% 24%,#f871714d,#f8717100 52%),radial-gradient(circle at 78% 20%,#f973166b,#f9731600 48%),radial-gradient(circle at 56% 86%,#fbbf243d,#fbbf2400 42%),linear-gradient(125deg,#0f172af2,#1e100aed 52%,#0f172af2)}.hud-menu-panel{width:min(30rem,92vw);display:flex;flex-direction:column;align-items:center;gap:.66rem;padding:clamp(1.1rem,3.5vw,1.8rem) clamp(1rem,4vw,2rem);border-radius:1.25rem;border:1px solid rgba(148,163,184,.42);background:linear-gradient(165deg,#0f172adb,#020617d1);box-shadow:0 24px 58px #0206178f,inset 0 1px #f8fafc1f,0 0 0 1px #38bdf81a;animation:hud-menu-panel-enter .32s cubic-bezier(.16,1,.3,1) both}.hud-menu--game-over .hud-menu-panel{border-color:#fb923c99;box-shadow:0 28px 62px #070a149e,0 0 32px #f9731638,inset 0 1px #ffedd521}.hud-menu-kicker{margin:0;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#bae6fdf0}.hud-menu h1{margin:0;font-size:clamp(2rem,7.2vw,3.05rem);line-height:1;letter-spacing:.03em;text-transform:uppercase}.hud-menu-session-label,.hud-menu-final-score-label{margin:0;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0d1}.hud-menu-final-score-value{margin:0;font-size:clamp(2.2rem,8.4vw,3.4rem);line-height:1;font-weight:900;letter-spacing:.02em;color:#facc15;text-shadow:0 0 24px rgba(250,204,21,.36),0 2px 14px rgba(2,6,23,.55)}.hud-menu-stats{width:100%;display:grid;gap:.42rem;margin-top:.12rem;padding:.7rem .74rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.34);background:#02061775}.hud-menu-stats p{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.86rem}.hud-menu-stats p span:first-child{color:#e2e8f0d6;letter-spacing:.05em;text-transform:uppercase;font-size:.73rem}.hud-menu-stats p span:last-child{font-weight:800;color:#f8fafc}.hud-menu-action{width:min(21rem,100%);min-height:2.95rem;padding:.72rem 1rem;border:1px solid rgba(255,237,213,.46);border-radius:999px;background:linear-gradient(130deg,#fb923c,#f97316 52%,#ea580c);color:#fff7ed;font-size:.95rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;pointer-events:auto;box-shadow:0 12px 28px #f973165c,0 0 0 1px #ffedd52e,inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}.hud-menu-action:hover{transform:translateY(-1px) scale(1.01);border-color:#ffedd5bd;box-shadow:0 0 26px #f9731685,0 14px 30px #f9731675,inset 0 1px #ffffff59;filter:saturate(1.08)}.hud-menu-action:active{transform:translateY(0) scale(.98)}.hud-menu-action:focus-visible{outline:none;border-color:#7dd3fce6;box-shadow:0 0 0 2px #7dd3fc52,0 10px 22px #02061780,inset 0 1px #ffffff52}.hud-menu .prompt{margin:.1rem 0 0;font-size:.73rem;font-weight:700;color:#fbbf24f5;text-transform:uppercase;letter-spacing:.14em}@keyframes hud-menu-gradient-shift{0%{transform:translate3d(-2%,-1%,0) scale(1);filter:hue-rotate(0deg)}50%{transform:translate3d(2.8%,1.8%,0) scale(1.08);filter:hue-rotate(12deg)}to{transform:translate3d(-2%,-1%,0) scale(1);filter:hue-rotate(0deg)}}@keyframes hud-menu-panel-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-training-panel{position:absolute;right:1rem;top:4.2rem;width:min(22rem,38vw);display:grid;gap:.55rem;padding:.7rem .78rem;border-radius:.85rem;border:1px solid rgba(56,189,248,.45);background:linear-gradient(170deg,#020617d6,#090e1cc7);box-shadow:0 12px 26px #02061773;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .17s ease,transform .17s ease}.hud-training-panel.visible{opacity:1;visibility:visible;transform:translateY(0)}.hud-training-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hud-training-badge{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#bae6fd}.hud-training-progress{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8eb}.hud-training-title{margin:0;font-size:1.04rem;letter-spacing:.02em}.hud-training-description{margin:0;font-size:.74rem;line-height:1.38;color:#e2e8f0e6}.hud-training-ghost{display:flex;align-items:center;gap:.55rem;min-height:2rem}.hud-training-ghost-skater{position:relative;width:2.3rem;height:.45rem;border-radius:999px;background:#7dd3fcd9;box-shadow:0 0 14px #38bdf861}.hud-training-ghost-skater:before{content:"";position:absolute;left:1rem;bottom:.42rem;width:.68rem;height:1.05rem;border-radius:999px;background:#bae6fddb}.hud-training-ghost-skater:after{content:"";position:absolute;left:1.13rem;bottom:1.34rem;width:.42rem;height:.42rem;border-radius:50%;background:#e2e8f0f2}.hud-training-ghost-skater--ollie{animation:training-ghost-ollie 1.25s ease-in-out infinite}.hud-training-ghost-skater--kickflip{animation:training-ghost-kickflip 1.2s ease-in-out infinite}.hud-training-ghost-skater--heelflip{animation:training-ghost-heelflip 1.2s ease-in-out infinite}.hud-training-ghost-skater--treflip{animation:training-ghost-treflip 1.3s ease-in-out infinite}.hud-training-ghost-skater--victory{animation:training-ghost-victory 1.4s ease-in-out infinite}@keyframes training-ghost-ollie{0%,to{transform:translateY(0)}45%{transform:translateY(-7px)}}@keyframes training-ghost-kickflip{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(200deg)}70%{transform:translateY(-2px) rotate(360deg)}}@keyframes training-ghost-heelflip{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(-200deg)}70%{transform:translateY(-2px) rotate(-360deg)}}@keyframes training-ghost-treflip{0%,to{transform:translateY(0) rotate(0) skew(0)}40%{transform:translateY(-9px) rotate(260deg) skew(-6deg)}80%{transform:translateY(-1px) rotate(360deg) skew(0)}}@keyframes training-ghost-victory{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) scale(1.04)}}.hud-training-ghost-label{font-size:.7rem;color:#bae6fdf5}.hud-training-inputs{display:flex;flex-wrap:wrap;gap:.4rem}.hud-training-key{min-width:2rem;padding:.26rem .48rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.45);background:#1e293ba6;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#f1f5f9f2}.hud-training-key.is-active{border-color:#fb923cf2;background:#fb923c4d;color:#fed7aa}.hud-training-key.is-complete{border-color:#4ade80b8;background:#16653452;color:#bbf7d0}.hud-training-footer{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.hud-training-status{font-size:.67rem;letter-spacing:.04em;color:#bae6fd}.hud-training-status.is-info{color:#bae6fd}.hud-training-status.is-success{color:#86efac}.hud-training-status.is-warning{color:#fcd34d}.hud-training-status.is-error{color:#fca5a5}.hud-training-meta{font-size:.62rem;color:#cbd5e1e6;letter-spacing:.04em}@media(max-width:960px){.hud-left-cluster{width:min(22rem,46vw)}.hud-speed{width:min(15rem,44vw)}.hud-training-panel{width:min(19rem,42vw);top:3.85rem}.hud-special-meter{width:min(20rem,58vw)}}@media(max-width:700px){.hud-left-cluster{top:.75rem;left:.75rem;width:min(18.5rem,62vw);gap:.44rem}.hud-score-block{padding:.55rem .65rem}.hud-combo-block{padding:.48rem .62rem .55rem}.hud-timer{top:.75rem;min-width:clamp(7.8rem,34vw,9.8rem);padding:.42rem .62rem}.hud-speed{right:.75rem;bottom:4.15rem;width:min(13.25rem,54vw);padding:.48rem .58rem .55rem}.hud-training-panel{right:.75rem;top:auto;bottom:4.8rem;width:min(14rem,56vw);padding:.55rem .58rem;gap:.4rem}.hud-training-description{font-size:.67rem}.hud-training-ghost-label,.hud-training-status,.hud-training-meta{font-size:.6rem}.hud-special-meter{bottom:3.25rem;width:min(15rem,62vw);padding:.4rem .54rem .48rem}.hud-score-popup-layer{top:54%;width:min(94vw,22rem);gap:.18rem}.hud-score-popup{padding:.12rem .48rem;font-size:clamp(.92rem,5vw,1.42rem)}.audio-volume-control{right:.75rem;bottom:.75rem}.audio-volume-control__panel{width:min(15rem,70vw)}}@media(max-width:900px){.touch-controls-active .hud-speed{right:.75rem;bottom:clamp(12rem,28vh,14.25rem);width:min(11.5rem,42vw)}.touch-controls-active .hud-special-meter{bottom:clamp(8.75rem,20vh,10rem);width:min(13.6rem,52vw)}.touch-controls-active .hud-training-panel{bottom:clamp(13rem,30vh,15.5rem)}.touch-controls-active .audio-volume-control{bottom:clamp(8.8rem,20vh,10.5rem)}}@media(max-width:700px){.touch-controls-active .hud-speed{bottom:clamp(11.25rem,27vh,13.25rem);width:min(10.5rem,40vw)}.touch-controls-active .hud-special-meter{bottom:clamp(8.5rem,19vh,9.6rem);width:min(12.8rem,50vw)}.touch-controls-active .audio-volume-control{right:.65rem;bottom:clamp(8rem,18vh,9.3rem)}}@media(max-width:700px){.hud-menu-panel{width:min(94vw,24.5rem);border-radius:1rem;gap:.6rem;padding:1rem .88rem 1.08rem}.hud-menu-action{width:100%;min-height:3.35rem;font-size:1rem;letter-spacing:.1em;padding:.86rem 1rem}.hud-menu-stats{gap:.48rem;padding:.66rem}.hud-menu-stats p{font-size:.9rem}.hud-menu-stats p span:first-child,.hud-menu .prompt{font-size:.72rem}}.trick-flash-display{position:fixed;inset:0;z-index:25;pointer-events:none;display:flex;align-items:center;justify-content:center}.trick-flash{position:absolute;top:40%;left:50%;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 1.5rem;opacity:0;transform:translate(-50%,calc(-50% + 20px));transition:opacity .1s ease-out,transform .1s ease-out;will-change:opacity,transform}.trick-flash.is-active{opacity:1;transform:translate(-50%,-50%);animation:trick-flash-slide-up .8s cubic-bezier(.22,1,.36,1) forwards}.trick-flash.is-exiting{opacity:0;transform:translate(-50%,calc(-50% - 30px));transition:opacity .15s ease-out,transform .15s ease-out}.trick-flash__name{font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 0 0 2px #0f172a,0 0 0 4px #ffffff,0 4px 20px rgba(0,0,0,.8);-webkit-text-stroke:2px #0f172a;paint-order:stroke fill;line-height:1;white-space:nowrap}.trick-flash__score{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;letter-spacing:.05em;color:#fb923c;text-shadow:0 2px 12px rgba(0,0,0,.6)}.trick-flash.is-special .trick-flash__name{color:#facc15;text-shadow:0 0 0 2px #78350f,0 0 0 4px #facc15,0 0 30px rgba(250,204,21,.6),0 4px 20px rgba(0,0,0,.8);-webkit-text-stroke:2px #78350f}.trick-flash.is-special .trick-flash__score{color:#fde68a;text-shadow:0 0 12px rgba(250,204,21,.6),0 2px 8px rgba(0,0,0,.5)}.trick-flash.is-combo .trick-flash__name{font-size:clamp(2rem,5vw,3rem);color:#fb923c;text-shadow:0 0 0 2px #7c2d12,0 0 0 4px #fb923c,0 0 24px rgba(251,146,60,.5),0 4px 16px rgba(0,0,0,.7);-webkit-text-stroke:2px #7c2d12}.trick-flash.is-bail .trick-flash__name{font-size:clamp(2.5rem,6vw,4rem);color:#ef4444;text-shadow:0 0 0 2px #450a0a,0 0 0 4px #ef4444,0 0 30px rgba(239,68,68,.6),0 4px 20px rgba(0,0,0,.8);-webkit-text-stroke:2px #450a0a;animation:trick-flash-slide-up .8s cubic-bezier(.22,1,.36,1) forwards,trick-flash-shake .4s cubic-bezier(.22,1,.36,1) .1s}@keyframes trick-flash-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 30px)) scale(.92)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}70%{opacity:1;transform:translate(-50%,calc(-50% - 20px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 40px)) scale(.98)}}@keyframes trick-flash-shake{0%,to{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(calc(-50% - 3px),-50%) rotate(-2deg)}40%{transform:translate(calc(-50% + 3px),-50%) rotate(2deg)}60%{transform:translate(calc(-50% - 2px),-50%) rotate(-1deg)}80%{transform:translate(calc(-50% + 2px),-50%) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.hud-score-value,.hud-timer-value,.hud-speed-fill,.hud-special-fill,.hud-combo-window-fill,.hud-menu,.hud-menu-panel,.hud-menu-action,.hud-combo-block,.hud-training-panel,.audio-volume-control__panel,.audio-volume-control__toggle{transition:none}.hud-menu:before,.hud-score-popup,.hud-combo-value.is-pulsing,.hud-multiplier-value.is-pulsing,.hud-timer-value.is-critical,.hud-training-ghost-skater,.hud-menu-panel,.trick-flash,.trick-flash.is-bail .trick-flash__name{animation:none}.trick-flash.is-active{animation:none;opacity:1;transform:translate(-50%,-50%)}}.audio-volume-control{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:42;pointer-events:auto}.audio-volume-control__toggle{display:inline-flex;align-items:center;gap:.42rem;padding:.38rem .56rem;box-shadow:0 10px 24px #02061773;color:#f8fafc;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.audio-volume-control__toggle:hover{border-color:#94a3b852}.audio-volume-control__toggle:focus-visible{outline:2px solid rgba(56,189,248,.75);outline-offset:2px}.audio-volume-control__toggle-icon{font-size:1rem;line-height:1}.audio-volume-control__toggle-value{font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0db}.audio-volume-control__panel{position:absolute;right:0;bottom:calc(100% + .5rem);width:min(18rem,42vw);display:flex;flex-direction:column;gap:.55rem;padding:.65rem .75rem;box-shadow:0 10px 24px #02061773;overflow:hidden;max-height:0;opacity:0;transform:translateY(6px) scale(.98);transform-origin:right bottom;pointer-events:none;transition:max-height .24s ease,opacity .18s ease,transform .24s ease}.audio-volume-control.is-expanded .audio-volume-control__panel{max-height:26rem;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.audio-volume-control.is-expanded .audio-volume-control__toggle{border-color:#38bdf873;box-shadow:0 0 20px #38bdf82e}.audio-volume-control__heading{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.audio-volume-control__mute{border:1px solid rgba(248,250,252,.45);border-radius:999px;background:#1e293ba6;color:#f8fafc;padding:.2rem .6rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.audio-volume-control__row{display:grid;grid-template-columns:3.8rem 1fr auto;align-items:center;gap:.5rem}.audio-volume-control__label{font-size:.72rem;color:#f8fafccc;letter-spacing:.06em;text-transform:uppercase}.audio-volume-control__slider{width:100%}.audio-volume-control__value{min-width:2.25rem;text-align:right;font-size:.72rem;color:#f8fafce0}.hud-new-record{font-size:1.4rem;font-weight:800;color:#fbbf24;text-align:center;margin-bottom:.75rem;text-shadow:0 0 12px rgba(251,191,36,.8),0 0 24px rgba(251,191,36,.4);letter-spacing:.08em}.hud-new-record--animate{animation:new-record-pop .3s cubic-bezier(.175,.885,.32,1.275) both,new-record-glow 1.5s ease-in-out .3s 4 alternate}@keyframes new-record-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes new-record-glow{0%{text-shadow:0 0 12px rgba(251,191,36,.8),0 0 24px rgba(251,191,36,.4)}to{text-shadow:0 0 20px rgba(251,191,36,1),0 0 40px rgba(251,191,36,.7),0 0 60px rgba(251,191,36,.3)}}.hud-version{position:fixed;bottom:.4rem;right:.6rem;font-size:.55rem;color:#94a3b88c;letter-spacing:.04em;pointer-events:none;z-index:20}.menu-container{position:fixed;inset:0;z-index:40;pointer-events:none}.menu-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060a12c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.menu-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}.menu-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;min-width:320px;max-width:460px;width:90vw;background:#0c1220eb;border:1px solid rgba(248,250,252,.14);border-radius:1.25rem;box-shadow:0 24px 60px #0000008c,0 0 0 1px #f9731614;color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center}.menu-title{margin:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#f8fafc;text-shadow:0 2px 16px rgba(0,0,0,.6)}.menu-title--game-over{color:#f97316;text-shadow:0 0 24px rgba(249,115,22,.45),0 2px 16px rgba(0,0,0,.6)}.menu-hint{margin:-.75rem 0 0;font-size:.82rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#f8fafc73}.menu-score-row{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:-.5rem}.menu-score-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f8fafca6}.menu-score-value{font-size:clamp(2.4rem,6vw,3.5rem);font-weight:900;letter-spacing:.02em;color:#fcd34d;text-shadow:0 0 20px rgba(252,211,77,.4),0 2px 12px rgba(0,0,0,.5);line-height:1}.menu-stats-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:.55rem;column-gap:1.5rem;width:100%;padding:.85rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:.75rem}.menu-stat-label{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#f8fafc8c;text-align:right;padding-right:.5rem;border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:flex-end}.menu-stat-value{font-size:1rem;font-weight:700;color:#f8fafc;text-align:left;padding-left:.5rem;display:flex;align-items:center}.menu-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.menu-btn{width:100%;padding:.72rem 1.25rem;border:none;border-radius:.7rem;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform 80ms ease,opacity .12s ease,box-shadow .12s ease;outline-offset:3px}.menu-btn:focus-visible{outline:2px solid #f97316}.menu-btn:active{transform:scale(.97)}.menu-btn--primary{background:#f97316;color:#0a0e17;box-shadow:0 4px 16px #f9731659}.menu-btn--primary:hover{opacity:.92;box-shadow:0 6px 22px #f9731680}.menu-btn--secondary{background:#f8fafc14;color:#f8fafcd9;border:1px solid rgba(248,250,252,.15)}.menu-btn--secondary:hover{background:#f8fafc21;color:#f8fafc}.menu-overlay--game-over .menu-panel{border-color:#f9731638;box-shadow:0 24px 60px #000000a6,0 0 0 1px #f9731626,0 0 60px #f9731614}@media(prefers-reduced-motion:reduce){.menu-overlay,.menu-btn{transition:none}}.level-select{position:fixed;inset:0;z-index:45;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1.5rem;background:#070a12db;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc}.level-select--visible{display:flex}.level-select__title{font-size:clamp(1.8rem,4vw,2.5rem);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.level-select__subtitle{margin-top:-.5rem;color:#e2e8f0d1;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.level-select__grid{width:min(960px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.level-card{border:1px solid rgba(148,163,184,.3);border-radius:.9rem;background:#0f172acc;padding:0;overflow:hidden;color:inherit;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.level-card:hover{transform:translateY(-2px);border-color:#f97316bf}.level-card--selected{border-color:#f97316f2;box-shadow:0 0 0 1px #f9731680,0 12px 28px #00000073}.level-card__thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border-bottom:1px solid rgba(148,163,184,.22)}.level-card__body{padding:.8rem .9rem .95rem}.level-card__title{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.level-card__desc{margin:.4rem 0 0;font-size:.82rem;color:#cbd5e1db;line-height:1.45}.level-select__actions{width:min(960px,100%);display:flex;justify-content:space-between;align-items:center}.level-select__hint{font-size:.76rem;color:#cbd5e1b3;text-transform:uppercase;letter-spacing:.08em}.level-select__button{border-radius:.65rem;border:1px solid rgba(148,163,184,.3);padding:.6rem 1rem;font-weight:700;cursor:pointer}.level-select__button--back{background:#0f172ac2;color:#e2e8f0}.level-select__button--start{background:#f97316;color:#0f172a;border-color:#f97316cc}@media(max-width:860px){.level-select__grid{grid-template-columns:1fr}.level-select__actions{flex-direction:column;gap:.75rem}}