:root{color-scheme:dark;--cyan:#80f6e7;--yellow:#ffe56c;--ink:#f8fbff;--glass:#0b1035db}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#070922;color:var(--ink);font-family:Inter,ui-rounded,"Arial Rounded MT Bold","Segoe UI",sans-serif;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}canvas{display:block;width:100vw;height:100vh}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.hidden{display:none!important}#hud{position:fixed;z-index:10;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:center;gap:9px;pointer-events:none}.pexy{position:absolute;left:0;display:grid;place-items:center;width:42px;height:42px;border-radius:13px 13px 13px 4px;background:#b8f35a;color:#10200f;text-decoration:none;font-weight:1000;pointer-events:auto}.stat{min-width:100px;padding:6px 14px;border:1px solid #ffffff24;border-radius:16px;text-align:center;background:#080d28b8;backdrop-filter:blur(9px);box-shadow:0 8px 30px #0004}.stat small,.results small{display:block;color:#9eacce;font-size:9px;font-weight:900;letter-spacing:.15em}.stat strong{font-size:20px}.round{position:fixed;z-index:120;top:max(12px,env(safe-area-inset-top));width:42px;height:42px;border:1px solid #ffffff36;border-radius:50%;background:#0b1035c9;font-weight:1000}#pauseBtn{left:max(64px,calc(env(safe-area-inset-left) + 64px))}#muteBtn{right:max(12px,env(safe-area-inset-right))}#power{position:fixed;z-index:12;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(280px,45vw);height:12px;overflow:hidden;transform:translateX(-50%);border:2px solid #ffffff4d;border-radius:99px;background:#050719aa;opacity:0;transition:.15s}#power.on{opacity:1}#power span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--yellow),#ff6b69);box-shadow:0 0 18px #ffe56c}#toast{position:fixed;z-index:30;left:50%;top:22%;transform:translate(-50%,-50%) scale(.7);opacity:0;color:#fff;font-weight:1000;font-size:clamp(18px,4vw,34px);letter-spacing:.04em;text-align:center;text-shadow:0 5px 18px #000;pointer-events:none;transition:.2s}#toast.on{transform:translate(-50%,-50%) scale(1);opacity:1}#tutorial{position:fixed;z-index:25;left:50%;bottom:20%;transform:translateX(-50%);padding:9px 16px;border:1px solid #ffffff2b;border-radius:99px;background:#090d27d9;color:#dfe9ff;font-size:12px;font-weight:900;letter-spacing:.08em;pointer-events:none;opacity:0;transition:.25s}#tutorial.on{opacity:1}.overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%,#313883aa,transparent 45%),#04061bd9;backdrop-filter:blur(6px)}.card{width:min(430px,92vw);max-height:95vh;overflow:auto;padding:28px;border:1px solid #ffffff26;border-radius:30px;text-align:center;background:linear-gradient(155deg,#151b51ed,#090d2ef2);box-shadow:0 30px 110px #000c,0 0 0 1px #80f6e711 inset}.hero{padding-top:20px}.eyebrow{margin:6px 0;color:var(--cyan);font-size:10px;font-weight:1000;letter-spacing:.25em}.card h1{margin:3px 0 5px;font-size:clamp(58px,13vh,92px);line-height:.72;letter-spacing:-.09em;text-shadow:0 8px 0 #161f65,0 18px 35px #0008}.card h2{margin:6px 0 18px;font-size:clamp(36px,9vw,58px);line-height:.9}.tagline{margin:15px 0 20px;color:#b8c7e8;font-size:12px;font-weight:900;letter-spacing:.16em}.logo-planet{position:relative;width:64px;height:64px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#7cf4df,#2b82ce 55%,#294592);box-shadow:0 0 34px #80f6e766}.logo-planet:after{content:"";position:absolute;left:-17px;top:27px;width:95px;height:13px;border:5px solid #ffe56c;border-top-color:transparent;border-radius:50%;transform:rotate(-12deg)}.logo-planet span{position:absolute;z-index:2;right:8px;top:5px;color:#fff}.how{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}.how>*{padding:7px 9px;border:1px solid #ffffff1d;border-radius:9px;background:#ffffff0b;font-size:9px;letter-spacing:.06em}.how b{color:#101638;background:var(--yellow)}.primary{min-width:190px;padding:14px 25px;border-radius:15px;color:#10142f;background:linear-gradient(135deg,var(--yellow),#ffb54e);font-size:18px;font-weight:1000;box-shadow:0 8px 0 #a25b24,0 15px 30px #0005}.primary:active{transform:translateY(4px);box-shadow:0 4px 0 #a25b24}.keys{margin:16px 0 0;color:#8492b5;font-size:10px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.results div{padding:13px 5px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff08}.results strong{display:block;margin-top:2px;font-size:25px}.new-best{color:var(--yellow);font-weight:1000;animation:pulse .7s infinite alternate}@keyframes pulse{to{transform:scale(1.05)}}#scoreForm{display:flex;gap:7px;margin:10px 0 0}#playerName{min-width:0;flex:1;padding:11px 12px;border:1px solid #ffffff2d;border-radius:11px;background:#050821;color:#fff;user-select:text}#submitScore{padding:11px 14px;border-radius:11px;background:var(--cyan);color:#091329;font-weight:1000}#scoreStatus{min-height:18px;margin:6px;color:#9aa9cb;font-size:10px}#leaderboard{margin:0 0 14px;padding:0;list-style:none;text-align:left;font-size:11px}#leaderboard li{display:grid;grid-template-columns:25px 1fr auto;gap:7px;padding:5px;border-bottom:1px solid #ffffff12}#mobileControls{position:fixed;z-index:20;inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.move{display:flex;gap:8px}.move button,#jumpBtn{pointer-events:auto;width:72px;height:72px;border:1px solid #ffffff35;border-radius:22px;background:#101743bb;backdrop-filter:blur(8px);font-size:30px;font-weight:1000}#jumpBtn{width:94px;height:94px;border-radius:50%;color:#151632;background:linear-gradient(145deg,#ffe76e,#ff9c51);font-size:17px;box-shadow:0 8px 0 #a24c31}#jumpBtn.held{transform:translateY(5px);box-shadow:0 3px 0 #a24c31}.move button.held{background:#4155a1}#rotate{display:none;position:fixed;z-index:200;inset:0;place-items:center;align-content:center;gap:8px;text-align:center;background:#070922}#rotate span{font-size:56px;color:var(--cyan)}#rotate small{color:#9aa9c8}#debug{display:none;position:fixed;z-index:250;left:8px;top:65px;padding:8px;white-space:pre;border-radius:8px;background:#000b;color:#7fffd4;font:11px monospace;pointer-events:none}@media(pointer:coarse),(max-width:900px){#mobileControls:not(.hidden){display:flex}.best{display:none}#power{bottom:max(124px,calc(env(safe-area-inset-bottom) + 124px))}}@media(max-width:520px) and (orientation:portrait){#rotate{display:grid}}@media(max-height:520px){.card{padding:16px 24px}.card h1{font-size:48px}.logo-planet{width:45px;height:45px}.logo-planet:after{left:-12px;top:19px;width:68px;height:10px}.tagline{margin:10px}.how{margin-bottom:10px}.keys{display:none}.results{margin:9px 0}.results div{padding:8px}.card h2{font-size:34px;margin-bottom:8px}}
#mobileControls{display:none}
@media (pointer:coarse),(max-width:900px){#mobileControls:not(.hidden){display:flex}}
#fullscreenBtn{right:max(64px,calc(env(safe-area-inset-right) + 64px))}.how strong{padding:7px 9px;border:1px solid #80f6e766;border-radius:9px;background:#80f6e719;color:var(--cyan);font-size:9px;letter-spacing:.06em}html:fullscreen canvas,html:-webkit-full-screen canvas{width:100vw;height:100vh}@media (pointer:coarse) and (orientation:portrait),(max-width:600px) and (orientation:portrait){#rotate{display:grid}}@media (orientation:landscape) and (max-height:540px){#hud{top:max(5px,env(safe-area-inset-top))}.round{top:max(7px,env(safe-area-inset-top))}.move button{width:64px;height:64px}#jumpBtn{width:82px;height:82px}#mobileControls{bottom:max(8px,env(safe-area-inset-bottom))}}