:root{color:#f8fdff;font-synthesis:none;text-rendering:geometricprecision;--ink:#12395b;--blue:#0d74ad;--cyan:#78dbef;--orange:#f27b35;--gold:#ffc94f;--ice:#edfaff;--panel:#0a3858b8;background:#b9e2f3;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-width:900px}button,kbd{font:inherit}button{color:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#app{isolation:isolate;background:linear-gradient(#64bae205,#ebf9ff0f),url(/video-ai-alpinerush/assets/concepts/alpine-background.webp) 50%/cover no-repeat,#9fd9ef;position:relative}#game-canvas{outline:none;width:100vw;height:100vh;display:block}#speed-vignette{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0b42692e,#0000 10% 90%,#0b42692e),radial-gradient(#0000 48%,#082c4929 100%);transition:opacity .18s;position:absolute;inset:0}#speed-vignette.is-fast{opacity:1}#hud{z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px #092c4438);position:absolute;inset:0}.hud-top-left,.hud-top-right,.hud-course,.hud-bottom-right,#control-hint,#event-banner,#combo-badge{position:absolute}.hud-top-left{align-items:flex-start;gap:18px;display:flex;top:24px;left:28px}.brand-lockup{color:var(--ice);text-shadow:0 2px #0a36544d;align-items:center;gap:9px;display:flex}.brand-peak{width:40px;height:40px;color:var(--orange);filter:drop-shadow(7px 0 0 var(--cyan));place-items:center;font-size:2.05rem;display:grid;transform:scaleX(.8)}.brand-lockup strong,.brand-lockup small{letter-spacing:.13em;line-height:.9;display:block}.brand-lockup strong{font-size:1.05rem}.brand-lockup small{color:var(--cyan);margin-top:5px;font-size:.68rem;font-weight:900}.hud-cluster{clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%);background:linear-gradient(90deg,#0c486cd1,#0c486c2e);border-top:2px solid #ecfaffdb;border-bottom:2px solid #ecfaff57;min-width:104px;padding:8px 13px 9px;position:relative}.cluster-label{color:#ebfaffbf;letter-spacing:.16em;font-size:.59rem;font-weight:900;display:block}.hud-course{width:min(430px,32vw);top:25px;left:50%;transform:translate(-50%)}.course-row{color:#ecfaffbf;letter-spacing:.13em;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;font-size:.58rem;font-weight:900;display:grid}.course-row span:last-child{text-align:right}.course-row strong{color:#fff;letter-spacing:.05em;text-align:center;min-width:72px;font-size:.88rem}.course-track{background:#093b5c66;border:2px solid #eefbffc7;height:9px;margin-top:7px;overflow:hidden;transform:skew(-18deg)}.course-track i,.boost-track i{background:linear-gradient(90deg, var(--cyan), #fff 52%, var(--orange));width:0;height:100%;transition:width .11s linear;display:block;box-shadow:0 0 12px #79def1c2}.hud-top-right{align-items:flex-start;gap:9px;display:flex;top:22px;right:28px}.time-cluster,.score-cluster{clip-path:polygon(7% 0,100% 0,100% 100%,7% 100%,0 50%);text-align:right;background:linear-gradient(90deg,#0c486c40,#0c486cdb)}.time-cluster strong,.score-cluster strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:86px;margin-top:1px;font-size:1.02rem;display:block}#time-value.is-danger{color:#ffd05b;animation:.7s ease-in-out infinite danger-pulse}.icon-button{color:#fff;cursor:pointer;pointer-events:auto;background:#0a4264b8;border:2px solid #ecfaffc7;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:transform .12s,background .12s;display:grid}.icon-button:hover{background:#f27b35e6;transform:translateY(-2px)}.icon-button:active{transform:translateY(1px)scale(.96)}.sound-icon{background:linear-gradient(90deg,#0000 0 24%,currentColor 25% 54%,#0000 55%);border-right:5px double;border-radius:50%;width:17px;height:14px}[data-action=mute][data-muted=true] .sound-icon:after{content:"×";color:#ffd05b;font-size:1.3rem;position:absolute;transform:translate(-11px,-7px)}#event-banner{color:#fff;letter-spacing:.18em;text-shadow:0 2px #0b334d80;opacity:0;background:linear-gradient(90deg,#0000,#0a4e75bd 18% 82%,#0000);border-top:2px solid #fff;border-bottom:2px solid #fff;padding:7px 42px 9px;font-size:1.18rem;font-weight:1000;top:22%;left:50%;transform:translate(-50%,-18px)scale(.94)}#event-banner[data-tone=reward]{color:#fff0b3}#event-banner[data-tone=danger]{color:#ffd2bd;border-color:var(--orange)}#event-banner[data-tone=success]{color:#fff;border-color:var(--cyan)}#event-banner.is-visible{animation:1.35s cubic-bezier(.2,.75,.2,1) both banner-in}#combo-badge{color:#fff4b3;opacity:0;font-size:2rem;font-style:italic;font-weight:1000;transition:opacity .16s,transform .19s cubic-bezier(.2,.8,.2,1.3);top:34%;left:54%;transform:rotate(-7deg)scale(.7)}#combo-badge.is-visible{opacity:1;transform:rotate(-7deg)scale(1)}.hud-bottom-right{align-items:flex-end;gap:13px;display:flex;bottom:25px;right:30px}.boost-cluster{width:190px;padding-bottom:4px}.boost-label{color:#eefbffd9;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.61rem;font-weight:900;display:flex}kbd{color:#fff;text-align:center;background:#07324e8f;border:1px solid #eefbffa6;border-radius:4px;min-width:25px;padding:3px 7px;font-size:.62rem;font-weight:900;box-shadow:inset 0 -2px #07283f73}.boost-track{background:#0734528c;border:2px solid #eefbffbd;height:11px;overflow:hidden;transform:skew(-18deg)}.speed-cluster{color:#fff;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:4px;min-width:98px;display:flex}.speed-cluster strong{letter-spacing:-.06em;font-size:2.4rem;font-style:italic;font-weight:1000;line-height:.85}.speed-cluster span{color:var(--cyan);font-size:.58rem;font-weight:900}#control-hint{color:#f3fcffdb;letter-spacing:.09em;background:#0836547a;border-radius:6px;align-items:center;gap:12px;padding:7px 16px;font-size:.61rem;font-weight:900;transition:opacity .45s,transform .45s;display:flex;bottom:29px;left:50%;transform:translate(-50%)}#control-hint>span{white-space:nowrap;align-items:center;gap:5px;display:flex}#control-hint>i{background:#ebfaff4d;width:1px;height:19px}#control-hint.is-hidden{opacity:0;transform:translate(-50%,16px)}.modal-overlay{z-index:10;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;background:#082a446b;place-items:center;padding:30px;transition:opacity .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;display:grid;position:absolute;inset:0}.modal-overlay.is-visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-panel{color:#fff;background:linear-gradient(150deg, #13618bf7, #082f4cf5), var(--panel);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));border:2px solid #edfbffc7;width:min(520px,68vw);padding:42px 48px 40px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(18px)scale(.97);box-shadow:0 30px 80px #04243c52}.modal-overlay.is-visible .modal-panel{transform:translateY(0)scale(1)}.modal-panel:before{content:"";background:linear-gradient(90deg, var(--orange), var(--gold));width:126px;height:5px;position:absolute;top:0;left:0}.modal-kicker{color:var(--cyan);letter-spacing:.2em;font-size:.67rem;font-weight:1000}.modal-panel h1{letter-spacing:-.05em;text-transform:uppercase;margin:9px 0 7px;font-size:3.25rem;font-style:italic;line-height:.95}.modal-panel p{color:#effbffb8;margin:0 0 27px}.modal-actions{gap:9px;margin-top:28px;display:grid}.modal-actions button{color:#fff;letter-spacing:.04em;cursor:pointer;background:#062e4961;border:1px solid #ebfaff52;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;font-weight:900;transition:border-color .12s,background .12s,transform .12s;display:flex}.modal-actions button:hover{background:#14709e9e;border-color:#ffffffdb;transform:translate(4px)}.modal-actions .primary-action{color:#103e5f;background:linear-gradient(90deg,#ffc64e,#ff8c42);border-color:#fff0c1}.modal-actions .primary-action:hover{background:linear-gradient(90deg,#ffdb79,#ffa05e)}#result-medal{color:#ffd260;letter-spacing:.12em;border:2px solid;border-radius:99px;margin-top:20px;padding:8px 15px;font-size:.78rem;font-weight:1000;display:inline-block}#result-medal[data-medal=silver]{color:#d8eef6}#result-medal[data-medal=bronze]{color:#f2a56c}#result-medal[data-medal=none]{color:#e8f9ffb3}.result-stats{background:#e8f9ff33;border:1px solid #e8f9ff38;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;display:grid;overflow:hidden}.result-stats span{background:#07314db3;padding:13px 15px}.result-stats small,.result-stats strong{display:block}.result-stats small{color:#ebfaff9e;letter-spacing:.13em;text-transform:uppercase;font-size:.58rem;font-weight:900}.result-stats strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:1.1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.94)}14%{opacity:1;transform:translate(-50%)scale(1.03)}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,8px)scale(.98)}}@keyframes danger-pulse{50%{color:#fff;text-shadow:0 0 13px #ff8c42}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}