:root{color-scheme:dark;font-family:Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-synthesis:none;--space: #07133d;--cyan: #43f4ff;--pink: #ff63c8;--purple: #8f6bff;--gold: #ffd65a;--glass: rgba(7, 19, 61, .7);--border: rgba(128, 247, 255, .3)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--space)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none;color:#f7fcff}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none}.screen:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 45%,#604acd26,#0309248f 68%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.screen.active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.menu-card:after,.result-card:after,.compact-card:after{content:"";position:absolute;width:min(74vw,780px);aspect-ratio:2.3;border:1px solid rgba(67,244,255,.24);border-radius:50%;box-shadow:0 0 0 16px #ff63c80b,0 0 70px #43f4ff1f;transform:rotateX(67deg);z-index:-1;animation:route-pulse 3.4s ease-in-out infinite}.eyebrow{color:var(--cyan);font:700 .72rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 16px rgba(67,244,255,.8)}h1,h2,p{margin:0}h1{margin-top:.5rem;font-size:clamp(2.7rem,7.4vw,6.5rem);line-height:.96;letter-spacing:-.075em;text-shadow:0 12px 45px rgba(0,0,0,.44)}h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 12px rgba(67,244,255,.5))}h2{font-size:clamp(2.1rem,5vw,4.2rem);margin:.5rem 0 1.2rem}.tagline{margin-top:1rem;color:#eef8ffd1;font-size:clamp(.85rem,1.6vw,1.08rem);letter-spacing:.08em}.record-row{width:min(560px,86vw);margin:clamp(1.2rem,3vh,2.2rem) 0 1.1rem;padding:.8rem 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border)}.record-row>div{display:grid;gap:.2rem;text-align:center}.record-row>div+div{border-left:1px solid rgba(128,247,255,.18)}small{color:#d1e6f7a8;font:700 .63rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.record-row strong{font:700 clamp(1.1rem,2.6vw,1.55rem)/1 ui-monospace,Consolas,monospace}button{min-height:48px;border:0;border-radius:999px;color:#fff;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.primary-button{min-width:200px;padding:.85rem 1.7rem;color:#07133d;background:linear-gradient(105deg,var(--cyan),#bbfbff 54%,var(--pink));box-shadow:0 10px 32px #43f4ff40,inset 0 -2px #15486a47;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 38px #43f4ff5c}.primary-button span{margin-left:.7rem}.text-button{min-height:42px;margin-top:.65rem;padding:.5rem 1rem;background:transparent;color:#dff2ffbf}.text-button:hover{color:var(--cyan)}.controls-copy{margin-top:1.25rem;color:#dbebfaa6;text-align:center;font-size:.72rem;line-height:1.8}kbd{padding:.15rem .38rem;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff14;font:inherit;color:#fff}#loading-screen{gap:1rem;color:#e6f7ffbf;font-size:.8rem;letter-spacing:.12em}.loading-mark{display:flex;gap:.45rem}.loading-mark span{width:8px;height:32px;border-radius:6px;background:var(--cyan);animation:loading .8s ease-in-out infinite alternate}.loading-mark span:nth-child(2){background:var(--purple);animation-delay:.12s}.loading-mark span:nth-child(3){background:var(--pink);animation-delay:.24s}#hud{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .18s ease}#hud.active{opacity:1;visibility:visible}.hud-cluster,.hud-strip,.mobile-actions{position:absolute;pointer-events:auto}.score-panel{top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:grid}.score-panel strong{font:800 clamp(1.8rem,4vw,3.2rem)/1 ui-monospace,Consolas,monospace;letter-spacing:-.07em}.score-panel span{margin-top:.35rem;color:var(--pink);font:800 .72rem ui-monospace,Consolas,monospace;letter-spacing:.09em}.status-panel{top:max(20px,env(safe-area-inset-top));right:max(76px,calc(env(safe-area-inset-right) + 58px));text-align:right}.lives{color:#ff6d9b;font-size:1.2rem;letter-spacing:.16em;filter:drop-shadow(0 0 8px #ff306f)}.powerups{margin-top:.5rem;max-width:310px;color:#c9f8ff;font:700 .72rem ui-monospace,Consolas,monospace}.hud-strip{left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:1.4rem;padding:.65rem 1.2rem;border:1px solid var(--border);border-radius:999px;background:#040f318f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 .72rem ui-monospace,Consolas,monospace;white-space:nowrap}.hud-strip span:first-child{color:var(--gold)}.mobile-actions{top:max(16px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px}.icon-button{width:50px;min-width:50px;height:50px;min-height:50px;background:#06133999;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem}.event-toast{position:absolute;top:30%;left:50%;transform:translate(-50%,12px) scale(.96);opacity:0;color:#fff;font-size:clamp(1.1rem,3.2vw,2rem);font-weight:900;text-shadow:0 0 20px var(--pink),0 3px 12px #02061f;white-space:nowrap}.event-toast.show{animation:toast 1.35s ease both}.compact-card .primary-button,.result-card .primary-button{margin-top:.5rem}.result-score{display:grid;text-align:center;margin-bottom:1.2rem}.result-score strong{font:900 clamp(3rem,8vw,6rem)/1 ui-monospace,Consolas,monospace;color:var(--gold);text-shadow:0 0 24px rgba(255,214,90,.45)}.result-grid{width:min(480px,84vw);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-block:1px solid var(--border)}.result-grid>div{display:grid;gap:.4rem;padding:.8rem;text-align:center;background:#07133dc7}.new-record{min-height:1.5rem;margin:1rem 0 .4rem;color:var(--cyan);font-weight:800;letter-spacing:.08em}#damage-flash{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(circle,transparent 30%,rgba(255,25,70,.66))}#damage-flash.active{animation:damage .42s ease-out}#ui.shaking{transform:translate3d(1px,-1px,0)}@keyframes loading{to{transform:scaleY(.36);opacity:.45}}@keyframes route-pulse{50%{opacity:.55;transform:rotateX(67deg) scale(1.06)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,18px) scale(.9)}18%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(1.03)}}@keyframes damage{0%{opacity:1}to{opacity:0}}@media(max-width:600px){.menu-card{justify-content:center;padding:calc(env(safe-area-inset-top) + 16px) 18px calc(env(safe-area-inset-bottom) + 12px)}.tagline{text-align:center;max-width:85vw}.record-row{margin-block:1.05rem .8rem}.record-row small{font-size:.52rem;letter-spacing:.06em}.controls-copy{margin-top:.75rem;line-height:1.55;font-size:.64rem}.text-button{margin-top:.25rem}.score-panel{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.score-panel strong{font-size:1.55rem}.score-panel span{font-size:.62rem}.status-panel{top:max(13px,env(safe-area-inset-top));right:max(67px,calc(env(safe-area-inset-right) + 57px))}.powerups{max-width:150px;font-size:.59rem}.lives{font-size:.92rem}.hud-strip{bottom:max(12px,env(safe-area-inset-bottom));gap:.7rem;padding:.55rem .8rem;font-size:.62rem}.mobile-actions{top:max(10px,env(safe-area-inset-top));gap:6px}.icon-button{width:46px;min-width:46px;height:46px;min-height:46px}.menu-card:after,.result-card:after,.compact-card:after{width:110vw}}@media(max-height:480px){h1{font-size:clamp(2.2rem,10vh,3.6rem)}h2{font-size:1.9rem;margin-block:.25rem .65rem}.eyebrow{font-size:.58rem}.tagline{margin-top:.45rem;font-size:.72rem}.record-row{width:min(520px,68vw);margin-block:.65rem;padding:.45rem 0}.primary-button{min-height:42px;padding-block:.6rem}.controls-copy{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));margin:0;text-align:left}#menu-sound{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.result-score strong{font-size:2.5rem}.result-score{margin-bottom:.55rem}.result-grid>div{padding:.45rem}.new-record{margin-block:.5rem .1rem}.result-card .text-button{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}#ui.shaking{transform:none}}#ui:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,31,.42),transparent 13%,transparent 87%,rgba(3,7,31,.42)),radial-gradient(circle at 50% 54%,transparent 42%,rgba(2,5,25,.3) 100%)}#ui:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.035;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(128,247,255,.55) 4px);mix-blend-mode:screen}#ui.boosting:before{background:radial-gradient(ellipse at center,transparent 32%,rgba(67,244,255,.09) 65%,rgba(255,99,200,.16) 100%),linear-gradient(90deg,rgba(3,7,31,.48),transparent 14%,transparent 86%,rgba(3,7,31,.48))}h1{filter:drop-shadow(0 0 34px rgba(143,107,255,.22))}h1:after{content:"// SKY RACER";display:block;margin-top:.8rem;color:#9dfbff8a;font:700 .58rem/1 ui-monospace,Consolas,monospace;letter-spacing:.54em;text-align:center}.record-row{position:relative;border:1px solid rgba(128,247,255,.16);background:linear-gradient(90deg,#43f4ff0a,#8f6bff1c,#ff63c80a);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 28px #43f4ff09}.primary-button{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.42)}.primary-button:before{content:"";position:absolute;inset:-60% auto -60% -35%;width:22%;z-index:-1;transform:rotate(18deg);background:#ffffffbf;filter:blur(5px);animation:button-scan 3.2s ease-in-out infinite}.score-panel,.status-panel{min-width:172px;padding:.85rem 1rem .8rem;background:linear-gradient(135deg,#07133dad,#16144c54);border:1px solid rgba(128,247,255,.18);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);box-shadow:inset 0 0 24px #43f4ff09,0 14px 35px #00000029}.score-panel:before,.status-panel:before{content:"";position:absolute;top:0;width:42%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan)}.score-panel:before{left:0}.status-panel:before{right:0;transform:scaleX(-1)}.score-panel span{position:relative;min-width:118px;padding-bottom:.55rem}.score-panel span:before,.score-panel span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px}.score-panel span:before{background:#ffffff1a}.score-panel span:after{right:auto;width:calc(var(--combo-progress, 0) * 100%);background:linear-gradient(90deg,var(--pink),var(--gold));box-shadow:0 0 9px var(--pink);transition:width .18s ease}.hud-strip{border-color:#80f7ff57;background:linear-gradient(90deg,#050f30b8,#1e1452ad,#050f30b8);box-shadow:inset 0 1px #ffffff14,0 0 24px #43f4ff14}.hud-strip:before{content:"";position:absolute;inset:-1px 22% auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan)}.icon-button{box-shadow:inset 0 0 14px #43f4ff0f,0 0 18px #43f4ff12;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.icon-button:hover{transform:scale(1.06);border-color:#80f7ffa6;box-shadow:inset 0 0 18px #43f4ff21,0 0 22px #43f4ff29}.event-toast{padding:.45rem 1.2rem;border-inline:1px solid rgba(128,247,255,.42);background:linear-gradient(90deg,transparent,rgba(12,13,61,.62) 18% 82%,transparent)}@keyframes button-scan{0%,42%{left:-35%;opacity:0}52%{opacity:.7}68%,to{left:125%;opacity:0}}@media(max-width:600px){.score-panel,.status-panel{min-width:0;padding:.55rem .65rem}.score-panel span{min-width:92px}h1:after{margin-top:.55rem;font-size:.48rem}}