:root{color-scheme:light;--ink:#392a50;--muted:#867891;--purple:#7954a3;--paper:#faf7fc;--line:#e7dfed;--gold:#c89845;font-family:Segoe UI,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.page-footer{flex-wrap:wrap}.page-footer>.traffic{flex-basis:100%;width:100%;margin-top:24px}
.record-button{display:flex;align-items:center;gap:6px;padding:0 10px;min-height:32px;background:#f7edf4;color:#a06480;border:1px solid #e8d6e4;border-radius:9px;font:10px Segoe UI,Arial,sans-serif;white-space:nowrap}.record-button:disabled{opacity:.5;cursor:default}.record-button.recording{background:#a34468;color:#fff;border-color:#a34468}.record-button span{font-size:10px}.community-grid{display:grid;grid-template-columns:minmax(0,640px) 248px;gap:32px;align-items:start;margin-top:32px}.leaderboard-card,.recording-card{border:1px solid #e5d9ee;border-radius:15px;padding:23px;background:#fffafde8;box-shadow:0 6px 25px #75508a08;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading .eyebrow,.recording-card .eyebrow{font-size:8px;line-height:1.8;margin-bottom:8px}.community-grid h2{font:27px/1.2 Georgia,serif;color:#65467c;letter-spacing:-.5px;margin:0}.recording-card h2{font-size:24px}.recording-card>p:not(.eyebrow){color:#927c9f;font-size:11px;line-height:1.8}.small-button{background:#f0e7f7;border:1px solid #e1cfee;border-radius:8px;color:#78538f;padding:10px 12px;font-size:10px;white-space:nowrap}.small-button:hover{background:#e9d9f4}.small-button:disabled{opacity:.5;cursor:default}.panel-status{font-size:11px;line-height:1.7;color:#9678a6;margin:16px 0}.leaderboard-card label{font-size:10px;color:#7d618e;display:block;margin:19px 0 7px}.name-entry{display:flex;gap:8px}.name-entry input{min-width:0;flex:1;background:#fff;border:1px solid #ddcee7;border-radius:8px;color:#67497c;font:12px Segoe UI,Arial;padding:11px 12px}.name-entry input:focus-visible{outline:2px solid #b294da;outline-offset:2px}.form-note{font-size:10px;line-height:1.7;color:#a08bac;margin:9px 0 17px}.leaderboard-scroll{max-height:370px;overflow:auto;border:1px solid #eee4f3;border-radius:9px}.leaderboard-scroll table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.leaderboard-scroll th{text-align:left;background:#f3edf8;color:#9980a9;font-size:8px;letter-spacing:.4px;position:sticky;top:0}.leaderboard-scroll td,.leaderboard-scroll th{padding:12px 10px;border-bottom:1px solid #eee6f3}.leaderboard-scroll td{color:#856b95}.leaderboard-scroll td:nth-child(2){color:#67447e;max-width:190px;overflow:hidden;text-overflow:ellipsis}.leaderboard-scroll tr:last-child td{border-bottom:0}.leaderboard-scroll td.empty-board{text-align:center;padding:24px;white-space:normal;color:#a18bad}.recording-clock{display:flex;align-items:center;gap:8px;color:#b692a9;margin:19px 0 8px;font-size:10px}.recording-clock output{font:26px Georgia,serif;color:#765389;font-variant-numeric:tabular-nums}.recording-clock #recording-indicator{color:#cda8bf}.recording-card.active #recording-indicator{color:#b7446d}.recording-card .small-button{width:100%;margin:5px 0}.recording-card .form-note{font-size:10px!important}.game-toolbar .toolbar-buttons{margin-left:0}@media(max-width:980px){.community-grid{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.leaderboard-card,.recording-card{padding:18px}.game-toolbar{gap:18px}}@media(max-width:750px){.community-grid{grid-template-columns:1fr;gap:18px}.recording-card{grid-row:1}.recording-card .small-button{max-width:250px}.community-grid h2{font-size:25px}.game-toolbar .toolbar-buttons{margin-left:auto;gap:5px}.record-button{padding:0 8px}}@media(max-width:420px){.game-toolbar{gap:12px}.record-button{font-size:9px;padding:0 7px;min-height:29px}.panel-heading{align-items:flex-start}.panel-heading .small-button{font-size:9px;padding:9px 8px}.leaderboard-card,.recording-card{padding:16px}.community-grid h2{font-size:23px}.name-entry{flex-wrap:wrap}.name-entry input{flex-basis:100%}.name-entry .small-button{width:100%}.leaderboard-scroll td,.leaderboard-scroll th{padding:11px 8px;font-size:10px}.leaderboard-scroll th{font-size:8px}}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 34%,#eee7f560,transparent 60%),var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b294da;outline-offset:4px}button[hidden],[hidden]{display:none!important}.site-header{height:105px;max-width:1190px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:26px Georgia,serif;letter-spacing:-.7px}.brand-mark{font-size:43px;line-height:1;color:#9870ba;transform:rotate(-15deg)}.brand small{display:block;font:8px Segoe UI,Arial,sans-serif;letter-spacing:2.8px;margin-top:8px;color:var(--muted)}.archive-link{font-size:12px;color:#746580}.archive-link span{margin-left:9px;font-size:17px}main{max-width:1190px;margin:auto;padding:42px 28px 22px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#947da3;margin:0 0 14px}.eyebrow span{padding:0 7px;color:#bfadc7}h1{font:58px/1.1 Georgia,serif;letter-spacing:-2px;margin:0}h1 span{display:inline-block;font-size:33px;color:#cda553;margin-left:15px;vertical-align:top;margin-top:6px}.subtitle{color:#82758d;font-size:13px;line-height:1.6;margin:13px 0 0}.edition{background:#f0e9f5;border:1px solid #e4d7ed;padding:10px 15px;border-radius:20px;font-size:10px;color:#9476a9;margin-top:25px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:32px;align-items:start}.game-shell{min-width:0;border:1px solid #e2d6ec;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px #7b578315,0 2px 4px #4d2b6010;position:relative;background:#fff}.game-toolbar{height:70px;padding:0 25px;display:flex;align-items:center;gap:30px;background:#fff}.stat span{display:block;font-size:8px;letter-spacing:1.4px;color:#9a8aab;font-weight:600;margin-bottom:5px}.stat strong{font:22px Georgia,serif;color:#654681;font-variant-numeric:tabular-nums}.score-stat strong{letter-spacing:1.5px}.best-stat{margin-left:auto}.best-stat strong{font-size:17px;color:#ab9276}.toolbar-buttons{display:flex;gap:8px;margin-left:4px}.icon-button{width:32px;height:32px;background:#f5eff9;border:1px solid #e9def0;border-radius:9px;color:#916cac;font-size:16px;position:relative}.icon-button:hover{background:#eadcf6}.icon-button:disabled{opacity:.4;cursor:default}.sound-slash{position:absolute;left:10px;top:4px;font-size:22px;font-weight:400;pointer-events:none}.stage{position:relative;background:#c4b1de;aspect-ratio:4/3;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(#30244910,#30244908);pointer-events:auto}.overlay-card{text-align:center;background:#fdfaffef;border:1px solid #fff9;border-radius:17px;padding:28px 30px 24px;box-shadow:0 12px 40px #3f255a18;max-width:355px;backdrop-filter:blur(8px);margin-top:-35px}.overlay-kicker{font-size:8px;letter-spacing:1.7px;color:#b18da8;margin:0 0 14px;font-weight:700}.overlay h2{font:30px/1.12 Georgia,serif;letter-spacing:-.7px;margin:0 0 13px;color:#65467c}.overlay p:not(.overlay-kicker):not(.menu-hint){font-size:12px;line-height:1.8;color:#8b7798;margin:0 0 20px}.primary-button{border:none;border-radius:9px;padding:13px 22px;background:#8051a3;color:#fff;font-size:12px;box-shadow:0 4px 12px #76498a28;min-width:195px}.primary-button:hover{background:#6e418e;transform:translateY(-1px)}.primary-button span{margin-left:20px}.menu-hint{margin:18px 0 0;color:#a593b1;letter-spacing:1.3px;font-size:7px}.menu-hint span{margin:0 7px}.text-button{display:block;margin:12px auto 0;padding:3px 8px;background:none;border:none;font-size:11px;color:#95809e;text-decoration:underline;text-underline-offset:3px}.game-bottom{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:9px;color:#9a88a7}.game-bottom>span:first-child{display:flex;gap:7px;align-items:center}.status-dot{height:5px;width:5px;border-radius:50%;background:#b599ca}.level-progress{height:3px;background:#f2eaf7}.level-progress div{height:100%;background:#b990d2;width:0;transition:width .15s}.guide{padding:24px 0 0}.guide .eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.6;margin-bottom:11px}.guide h2{font:29px/1.18 Georgia,serif;letter-spacing:-.5px;margin:0 0 13px}.guide>p:not(.eyebrow):not(.keyboard-note){color:#95859e;font-size:11px;line-height:1.9;margin:0}.guide-divider{height:1px;background:var(--line);margin:23px 0}.guide h3{font:17px Georgia,serif;margin:0 0 21px;color:#6c537e}.instructions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:21px}.instructions li{display:flex;align-items:flex-start;gap:12px}.instruction-icon{font-size:20px;background:#eee5f5;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#9b7db4;flex-shrink:0}.instruction-icon.golden{background:#f5eddf;color:#c4a060}.instructions strong{font-size:11px;font-weight:600;color:#7a608d}.instructions p{font-size:10px;line-height:1.7;color:#a091a7;margin:5px 0 0}.keep-going{background:#f0e8f5;border-radius:10px;display:flex;gap:10px;padding:13px 15px;margin:25px 0 21px}.keep-going>span{font:27px Georgia,serif;color:#ac8ebc}.keep-going p{font-size:10px;line-height:1.7;color:#977ca8;margin:0}.keyboard-note{font-size:9px;line-height:2;color:#a290ad;margin:0}kbd{font:9px Segoe UI,Arial,sans-serif;padding:2px 5px;margin:0 1px;background:#eee7f3;border:1px solid #e0d5e8;border-radius:3px}.page-footer{display:flex;justify-content:space-between;align-items:center;margin:28px 0 0;padding-top:19px;border-top:1px solid var(--line);color:#a18caa}.page-footer p{font:15px Georgia,serif;margin:0}.page-footer a{font-size:10px}.page-footer a span{margin-left:9px}.accessible-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.toast{position:absolute;top:24px;left:50%;transform:translate(-50%,-15px);opacity:0;transition:opacity .2s,transform .2s;color:#63477b;background:#fff9;border:1px solid #fff9;padding:9px 18px;font-size:11px;border-radius:30px;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.touch-jump{display:none;margin:12px auto;background:#8254a4;border:0;color:#fff;border-radius:8px;padding:10px 35px;font-size:14px}
@media(hover:none),(pointer:coarse){.touch-jump{display:block}.menu-hint{font-size:8px}.stage{touch-action:none}}
@media(min-width:1450px){main{padding-top:48px}.intro{margin-bottom:32px}.game-layout{gap:40px;grid-template-columns:minmax(0,1fr) 248px}}
@media(max-width:980px){.game-layout{gap:24px;grid-template-columns:minmax(0,1fr) 210px}.game-toolbar{padding:0 18px;gap:20px}.guide h2{font-size:25px}.edition{font-size:9px}.overlay-card{padding:25px 24px;max-width:315px}.overlay h2{font-size:26px}}
@media(max-width:750px){.site-header{height:84px;margin:0 20px;padding:0}.brand{font-size:22px}.brand small{font-size:6px;letter-spacing:2px}.brand-mark{font-size:34px}.archive-link{font-size:9px}.archive-link span{margin-left:3px}main{padding:30px 20px 22px}h1{font-size:49px}.intro{margin-bottom:23px}.edition{display:none}.game-layout{grid-template-columns:1fr;gap:27px}.guide{padding:0 4px}.guide h2 br{display:none}.guide h2{font-size:24px}.guide-divider{margin:17px 0}.instructions{gap:15px;flex-direction:row}.instructions li{flex:1;flex-direction:column;gap:8px}.instructions strong{font-size:10px}.keep-going{margin:20px 0 13px}.keyboard-note{display:none}.guide>p:not(.eyebrow):not(.keyboard-note){font-size:11px}.page-footer{gap:15px}.page-footer p{font-size:13px}.page-footer a{font-size:9px}.game-toolbar{height:60px}.stat strong{font-size:20px}.best-stat strong{font-size:16px}}
@media(max-width:420px){main{padding:27px 13px 20px}.site-header{margin:0 14px}.archive-link{max-width:95px;text-align:right;line-height:1.7}.brand{font-size:21px}.game-toolbar{padding:0 12px;gap:17px}.stat span{font-size:6px;letter-spacing:1px}.stat strong{font-size:19px}.score-stat strong{letter-spacing:0}.best-stat{display:none}.toolbar-buttons{margin-left:auto;gap:6px}.icon-button{width:29px;height:29px}.overlay-card{padding:19px 20px 17px;max-width:270px;margin-top:-18px}.overlay h2{font-size:25px}.overlay-kicker{font-size:7px;margin-bottom:9px}.overlay p:not(.overlay-kicker):not(.menu-hint){font-size:10px;line-height:1.6;margin-bottom:13px}.primary-button{padding:11px 18px;min-width:185px;font-size:11px}.menu-hint{font-size:6px;margin-top:12px}.game-bottom{height:35px;font-size:8px;padding:0 12px}.guide h3{font-size:16px}.page-footer{align-items:flex-start;line-height:1.7}.page-footer a{max-width:154px;text-align:right}.toast{font-size:9px;padding:7px 12px;top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:750px){.touch-jump{display:block}}
/* Portrait playfield keeps more of the climb visible above Astra. */
.powerup-status{position:absolute;top:65px;right:14px;display:flex;align-items:center;gap:5px;max-width:185px;padding:9px 11px 8px 6px;background:#fff6f4e8;border:1px solid #ead9f3;border-radius:12px;box-shadow:0 4px 18px #56437022;color:#79518f;pointer-events:none}.powerup-status img{width:36px;height:36px;object-fit:contain}.powerup-status>div{min-width:115px}.powerup-status span{font-size:10px}.powerup-status strong{float:right;margin-left:8px;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums}.powerup-meter{height:3px;margin-top:6px;background:#e9d9f1;border-radius:4px;overflow:hidden}.powerup-meter>div{height:100%;background:#ba82d4;width:100%}.parasol-tip{display:flex;align-items:center;gap:10px;background:#f3eaf7;border:1px solid #e8daf0;border-radius:10px;padding:11px 12px;margin-bottom:16px}.parasol-tip img{width:47px;height:52px;object-fit:contain;flex-shrink:0}.parasol-tip p{font-size:10px;line-height:1.7;color:#977ca8;margin:0}.parasol-tip strong{display:block;font-weight:600;color:#775388;margin-bottom:3px}@media(max-width:750px){.parasol-tip{max-width:380px}.powerup-status{top:53px;right:9px;transform:scale(.85);transform-origin:top right}}
.sky-controls label.control-gap{margin-top:16px}.sky-controls p.weather-status{margin:8px 0 0;font-size:9px}.audio-controls{margin-top:17px;padding:14px 15px;border:1px solid #e5d9ef;border-radius:10px;background:#f4eef8}.audio-controls>p:not(.eyebrow){font-size:10px;line-height:1.6;color:#8a759a;margin:0 0 10px}.audio-controls label{display:flex;justify-content:space-between;font-size:9px;color:#8a769a;margin:9px 0 4px}.audio-controls input{width:100%;accent-color:#9d73bd;cursor:pointer}.audio-controls output{font-variant-numeric:tabular-nums}@media(max-width:750px){.audio-controls{max-width:330px}}
.touch-jump:disabled{opacity:.55;cursor:default}
.site-header,main{max-width:1040px}.game-layout{grid-template-columns:minmax(0,640px) 248px;gap:32px}.stage{aspect-ratio:4/5;background:#66589c}.sky-caption{position:absolute;left:18px;right:18px;bottom:17px;display:flex;justify-content:space-between;gap:12px;color:#fff1dc;font-size:10px;text-shadow:0 1px 5px #35295b;pointer-events:none;letter-spacing:.35px}.sky-caption #altitude{font-variant-numeric:tabular-nums}.sky-controls{margin:20px 0 0;padding:15px;border:1px solid #e5d9ef;border-radius:10px;background:#f4eef8}.sky-controls .eyebrow{margin-bottom:7px}.sky-controls>p:not(.eyebrow){font-size:10px;line-height:1.6;color:#7f6795;margin:0 0 12px}.sky-controls label{font-size:9px;display:block;color:#8a769a;margin-bottom:6px}.sky-controls select{width:100%;padding:8px 10px;border:1px solid #ddcde8;border-radius:7px;background:#fffafc;color:#75528b;font:10px Segoe UI,Arial,sans-serif}.sky-controls .text-button{font-size:9px;margin:10px 0 0;padding:2px 0}.sky-controls select:focus-visible{outline:2px solid #ad8bce;outline-offset:2px}
@media(min-width:1450px){.game-layout{grid-template-columns:minmax(0,640px) 248px;gap:32px}}
@media(max-width:980px){.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:24px}}
@media(max-width:750px){.game-layout{grid-template-columns:1fr}.game-shell{width:100%;max-width:640px;margin:auto}.sky-controls{max-width:330px}.sky-caption{bottom:12px;font-size:8px;left:12px;right:12px}}
.recording-quick{padding:14px 18px;background:#fffaf7;border-top:1px solid #ead9e4;border-bottom:1px solid #ead9e4}.recording-quick-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.recording-quick .record-button,.recording-quick .small-button{min-height:44px;font-size:13px;padding:10px 15px}.recording-quick .record-button{background:#b32c65;color:#fff;border-color:#b32c65}.recording-quick output{margin-left:auto;font:600 12px Arial,sans-serif;color:#76596a;font-variant-numeric:tabular-nums}.recording-quick p{font:12px/1.6 Arial,sans-serif;color:#76596a;margin:8px 0 0}.recording-quick #recording-status-top{font-size:13px;color:#48253e}.recording-quick video{display:block;width:100%;max-height:300px;background:#211527;border-radius:9px;margin-top:12px}.recording-quick [hidden]{display:none}@media(max-width:400px){.recording-quick{padding:12px}.recording-quick output{margin-left:0}}