@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=DM+Mono:wght@500&display=swap";:root{color:#f6f3e8;font-synthesis:none;background:#06120e;font-family:Barlow Condensed,Impact,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 70% 15%,#164b38 0,#081b14 32%,#050c09 72%);min-height:100dvh;overflow:hidden}button{font:inherit}#app{min-height:100dvh}main{justify-content:center;align-items:center;gap:clamp(48px,7vw,120px);min-height:100dvh;padding:28px;display:flex}#game-shell{aspect-ratio:9/16;touch-action:none;-webkit-user-select:none;user-select:none;background:#102a20;border-radius:24px;height:min(92dvh,900px);position:relative;overflow:hidden;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff1c,inset 0 0 0 1px #fff1}#game,#game canvas{z-index:1;position:absolute;inset:0;width:100%!important;height:100%!important}#game canvas{will-change:transform;transform:translateZ(0)}.game-loading{z-index:2;pointer-events:none;opacity:1;visibility:visible;background:#102a20;transition:opacity .4s,visibility 0s linear .4s;position:absolute;inset:0;overflow:hidden}.game-loading-art{filter:blur(8px)saturate(.8)brightness(.8);background:#102a20 url(/game-placeholder.webp) 50%/cover no-repeat;position:absolute;inset:-14px;transform:scale(1.04)}.game-loading:after{content:"";background:linear-gradient(#04100b22,#0000 42%,#02080566);position:absolute;inset:0}.game-loading-status{z-index:1;left:50%;bottom:max(26px, env(safe-area-inset-bottom));color:#e9f0df;white-space:nowrap;letter-spacing:.1em;background:#06110bcc;border:1px solid #ffffff20;border-radius:20px;align-items:center;gap:9px;padding:8px 11px;font:500 8px DM Mono,monospace;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 20px #0008}.game-loading-status i{background:#ff453d;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite alternate loading-pulse;box-shadow:0 0 10px #ff453d}@keyframes loading-pulse{to{opacity:.35;transform:scale(.72)}}#hud{z-index:3;pointer-events:none;padding:max(22px, env(safe-area-inset-top)) 24px max(20px, env(safe-area-inset-bottom));opacity:0;will-change:transform;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0;transform:translateZ(0)}#game-shell.game-ready .game-loading{opacity:0;visibility:hidden}#game-shell.game-ready #hud{opacity:1}.topbar{letter-spacing:.08em;text-shadow:0 2px 10px #000;justify-content:space-between;align-items:center;font-size:18px;font-weight:900;display:flex}.brand,.best-score{align-items:center;gap:9px;display:flex}.brand-mark{border-radius:4px;width:27px;height:27px;display:block;box-shadow:0 0 18px #ff3b3655}.best-score{background:#07110bbb;border:1px solid #ffffff19;border-radius:30px;padding:8px 10px;font:500 11px DM Mono,monospace}.round-hud{justify-content:space-between;align-items:flex-start;margin-top:22px;transition:all .25s;display:flex}.altitude-hud{text-align:right;filter:drop-shadow(0 2px 8px #000b);width:116px;padding-right:14px;transition:opacity .2s,transform .2s;position:absolute;top:174px;right:24px}.altitude-hud span{color:#b8d9ee;letter-spacing:.1em;font:500 8px DM Mono,monospace;display:block}.altitude-hud strong{color:#fff;letter-spacing:.02em;margin-top:2px;font:italic 800 22px Barlow Condensed,sans-serif;display:block}.altitude-hud i{background:#ffffff28;border-radius:3px;width:3px;height:42px;position:absolute;top:0;right:0;overflow:hidden}.altitude-hud i:after{content:"";background:linear-gradient(#65c8f0,#fff);height:72%;animation:.45s linear infinite altitude-stream;position:absolute;inset:auto 0 0;box-shadow:0 0 9px #65c8f0}@keyframes altitude-stream{0%{transform:translateY(12px)}to{transform:translateY(-12px)}}.layer-banner{z-index:4;opacity:0;color:#eef8ff;text-align:center;text-shadow:0 2px 12px #000;letter-spacing:.14em;background:linear-gradient(90deg,#0000,#07101eb8 18% 82%,#0000);border-top:1px solid #d8edff88;border-bottom:1px solid #d8edff88;width:max-content;max-width:calc(100% - 44px);padding:9px 14px;font:500 10px DM Mono,monospace;transition:opacity .16s,transform .22s;position:absolute;top:38%;left:50%;transform:translate(-50%,16px)scale(.94)}.layer-banner.show{opacity:1;animation:.9s both layer-flash;transform:translate(-50%)scale(1)}.layer-banner.moon{color:#ffe54f;border-color:#ffe54f;padding:13px 18px;font-size:13px;font-weight:900;top:29%}@keyframes layer-flash{0%,to{filter:brightness()}18%{filter:brightness(2)}}.flip-readout{align-items:baseline;gap:7px;display:flex}.flip-readout strong{font-size:43px;font-style:italic;font-weight:900;line-height:.8}.flip-readout span,.boost-wrap>span{letter-spacing:.1em;opacity:.72;font:500 9px DM Mono,monospace}.meter-stack{gap:12px;width:min(360px,100% - 44px);display:grid;position:absolute;bottom:172px;left:50%;transform:translate(-50%)}.boost-wrap{--boost-zone-left:73.75%;--boost-zone-width:26.25%;text-align:center;width:100%;transition:opacity .2s,transform .2s}.boost-wrap>span strong{color:#fff;font-size:9px}.boost-track{background:linear-gradient(#15392bdd,#091711ee),repeating-linear-gradient(90deg,#0000 0 26px,#ffffff18 26px 27px);border:1px solid #ffffff2e;border-radius:30px 30px 12px 12px;height:52px;margin-top:8px;position:relative;overflow:visible;box-shadow:inset 0 1px 9px #000a,0 16px 34px #0006}.boost-track:before{content:"";background:linear-gradient(90deg,#ff5c54,#fff6,#ffe15c);border-radius:3px;height:3px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.boost-track i{left:var(--boost-zone-left);width:var(--boost-zone-width);background:linear-gradient(90deg,#ffe83824,#ffe8385f,#ffe83824);border-radius:16px;min-width:34px;height:28px;animation:.62s ease-in-out infinite alternate ball-window-pulse;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #ffe83866,inset 0 0 12px #ffe83870}.boost-track i:before{content:"";background:radial-gradient(circle at 35% 32%,#fff 0 20%,#f3efe2 21% 58%,#181f1b 59% 63%,#f3efe2 64%);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff9,0 0 10px #ffe838}.boost-track i:after{content:"";background:#ffe838aa;width:2px;height:11px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #ffe838}.boost-track b{z-index:2;transform-origin:50% 100%;will-change:transform;background:#fff;border-radius:3px;width:3px;height:30px;position:absolute;top:11px;left:0;transform:translate(-50%)rotate(8deg);box-shadow:0 0 8px #fff}.boost-legend{color:#ff7770;letter-spacing:.04em;grid-template-columns:1fr auto 1fr;margin-top:7px;font:500 8px DM Mono,monospace;display:grid}.boost-legend span:first-child{text-align:left}.boost-legend span:nth-child(2){color:#ffe838;text-align:center;padding:0 5px}.boost-legend span:last-child{text-align:right}.boost-wrap.boost-hit .boost-track{animation:.19s ease-in-out 2 alternate boost-hit-flash}.boost-wrap.boost-miss .boost-track{animation:.16s ease-in-out 4 alternate boost-miss-flash}@keyframes boost-hit-flash{to{filter:brightness(1.9);box-shadow:0 0 24px #ffe838}}@keyframes boost-miss-flash{to{filter:brightness(1.6);box-shadow:0 0 18px #ff453d}}@keyframes ball-window-pulse{to{transform:translateY(-50%);box-shadow:inset 0 0 0 3px #ffe838aa,inset 0 0 18px #ffe838cc}}.intro-panel,.result-panel{pointer-events:auto;transition:opacity .22s,transform .22s;position:absolute;bottom:52px;left:24px;right:24px}.eyebrow{color:#ff5a50;letter-spacing:.12em;font:500 10px DM Mono,monospace}.intro-panel h1{letter-spacing:-.045em;text-shadow:0 5px 30px #0009;margin:8px 0 14px;font-size:clamp(58px,9dvh,82px);font-style:italic;font-weight:900;line-height:.76}em{color:#ff453d;font-style:italic}.dek{text-shadow:0 2px 12px #000;margin:0 0 23px;font-size:18px;font-weight:600;line-height:1.25}.primary-button{color:#fff;letter-spacing:.04em;cursor:pointer;pointer-events:auto;background:#f13b33;border:0;border-radius:8px;width:100%;padding:17px 18px;font-size:19px;font-weight:900;transition:transform .12s,filter .12s;box-shadow:0 10px 28px #e6332844}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)scale(.99)}.primary-button span{float:right;font-size:24px;line-height:.8}.microcopy{text-align:center;opacity:.55;margin:12px 0 0;font:500 8px DM Mono,monospace}.coaching{text-align:center;filter:drop-shadow(0 2px 8px #000);width:290px;transition:all .25s;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.gesture-icon{color:#ff5147;letter-spacing:.04em;background:#04100ac4;border:1px solid #fff5;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 10px;font:italic 900 14px Barlow Condensed,sans-serif;animation:.72s ease-in-out infinite alternate tap-ring;display:grid;position:relative}.gesture-icon:after{content:"";opacity:.45;border:1px solid #ff514755;border-radius:50%;animation:1s ease-out infinite tap-ripple;position:absolute;inset:-10px}.coaching strong{letter-spacing:.04em;font-size:18px;font-style:italic;display:block}.coaching span{opacity:.7;font:500 9px DM Mono,monospace}.coaching.boost-success .gesture-icon{color:#ffe838;border-color:#ffe838aa;box-shadow:0 0 26px #ffe83855}.coaching.boost-success strong{color:#ffe838;text-shadow:0 0 18px #ffe83888;font-size:25px}.coaching.boost-miss .gesture-icon{color:#ff6259;border-color:#ff6259aa}.coaching.boost-miss strong{color:#ff6259;text-shadow:0 0 15px #ff3b3688}@keyframes tap-ring{to{transform:scale(.94);box-shadow:0 0 24px #ff514744}}@keyframes tap-ripple{to{opacity:0;transform:scale(1.35)}}.result-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0a1912ee,#050b08f2);border:1px solid #ffffff1f;border-radius:14px;padding:20px;box-shadow:0 20px 55px #0009}.result-kicker{color:#ff554b;letter-spacing:.12em;margin:0;font:500 9px DM Mono,monospace}.result-panel h2{letter-spacing:-.025em;margin:7px 0 16px;font-size:37px;font-style:italic;font-weight:900;line-height:.83}.score-row{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;grid-template-columns:repeat(3,1fr);padding:13px 0;display:grid}.score-row>div{text-align:center;border-right:1px solid #ffffff1c}.score-row>div:last-child{border:0}.score-row strong{font-size:25px;font-style:italic;line-height:1;display:block}.score-row span{opacity:.55;font:500 7px DM Mono,monospace}.score-breakdown{text-align:center;color:#b7c6bd;letter-spacing:.03em;min-height:14px;font:500 8px DM Mono,monospace}.result-actions{grid-template-columns:1fr auto auto;gap:8px;display:grid}.result-actions .primary-button{padding:13px 14px;font-size:16px}.icon-button{pointer-events:auto;color:#fff;letter-spacing:.06em;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:8px;min-width:58px;padding:0 10px;font:700 9px DM Mono,monospace}.icon-button:hover{background:#ffffff1b}.replay-badge,.challenge-chip{letter-spacing:.1em;background:#090e0ccc;border-radius:20px;padding:7px 12px;font:500 9px DM Mono,monospace;position:absolute;top:80px;left:50%;transform:translate(-50%)}.replay-badge{white-space:nowrap;align-items:center;gap:10px;padding-right:7px;display:flex}.replay-badge i{background:#f43c34;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.replay-badge button{color:#fff;letter-spacing:.08em;cursor:pointer;pointer-events:auto;background:#ffffff12;border:1px solid #ffffff2b;border-radius:12px;padding:4px 8px;font:700 8px DM Mono,monospace}.replay-badge button:hover{background:#ffffff24}.challenge-chip{color:#c3d0c8;top:114px}.challenge-chip strong{color:#fff}footer{opacity:.55;letter-spacing:.07em;justify-content:space-between;margin-top:auto;font:500 7px DM Mono,monospace;display:flex}.hidden{visibility:hidden;opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}.round-hud.hidden{transform:none!important}.coaching.hidden{transform:translate(-50%,12px)!important}.desktop-copy{width:min(420px,32vw)}.desktop-copy h2{letter-spacing:-.04em;margin:9px 0 20px;font-size:clamp(52px,5vw,80px);font-style:italic;font-weight:900;line-height:.78}.desktop-copy>p:not(.eyebrow){color:#9cb0a5;font-size:18px;line-height:1.4}.control-card{border-top:1px solid #ffffff18;gap:18px;padding:18px 0;display:flex}.control-card>span{color:#ff493f;font:500 11px DM Mono,monospace}.control-card strong{letter-spacing:.03em;font-size:19px;display:block}.control-card small{color:#73877c;font:500 9px DM Mono,monospace}@media (width<=820px){body{background:#06120e}main{padding:0}#game-shell{width:100vw;max-width:620px;height:100dvh;box-shadow:none;border-radius:0}.desktop-copy{display:none}}@media (height<=700px){.intro-panel h1{font-size:54px}.intro-panel{bottom:38px}.dek{margin-bottom:15px;font-size:15px}}@media (prefers-reduced-motion:reduce){.game-loading,#hud{transition:none}.game-loading-status i{animation:none}}