@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#87ceeb}canvas{display:block;width:100%;height:100%}#ui{position:absolute;top:0;left:0;padding:16px 20px;pointer-events:none;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.9);font-family:Inter,sans-serif;z-index:10}#ui h1{margin:0 0 4px;font-size:22px;font-weight:900;letter-spacing:3px;background:linear-gradient(135deg,#fff 30%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}#ui p{margin:4px 0;font-size:13px;opacity:.85}#player-name{margin-bottom:8px;font-size:14px;font-weight:700;opacity:1!important}#stage-badge{display:inline-block;margin:8px 0 6px;padding:4px 16px;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-radius:20px;box-shadow:0 2px 12px #ff6b35b3}#stage-display{font-size:13px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}#floating-energy{position:fixed;display:none;transform:translate(-50%,-100%);width:72px;pointer-events:none;z-index:50}#floating-energy-fill{width:100%;height:7px;background:linear-gradient(90deg,#ff9a44,#fc6076);border-radius:4px;margin-bottom:3px;transition:width .08s linear;box-shadow:0 0 6px #ff9a44b3}#floating-energy.boosting{animation:boost-pop .18s ease-in-out infinite alternate}#floating-energy.boosting #floating-energy-fill{box-shadow:0 0 10px #8fd9fff2,0 0 22px #bde9ffcc,0 0 30px #eefbff80;animation:boost-flow .2s linear infinite}#floating-energy.boosting #floating-energy-label{color:#d7f3ff;text-shadow:0 0 4px rgba(143,217,255,1),0 0 12px rgba(189,233,255,.95)}#floating-energy-label{text-align:center;font-size:9px;font-weight:900;letter-spacing:1px;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}#floating-energy:before{content:"";display:block;width:100%;height:7px;background:#0000008c;border-radius:4px;border:1px solid rgba(255,255,255,.2);position:absolute;top:0;left:0}@keyframes boost-flow{0%{filter:saturate(1.1) contrast(1)}to{filter:saturate(1.55) contrast(1.15)}}@keyframes boost-pop{0%{transform:translate(-50%,-100%) scale(1)}to{transform:translate(-50%,-100%) scale(1.06)}}#leaderboard-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(3px);z-index:120;pointer-events:auto}#leaderboard-modal.show{display:flex}#leaderboard{position:relative;width:340px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);overflow:auto;background:#0f0f0fe0;border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:14px 14px 12px;box-shadow:0 14px 40px #00000080;backdrop-filter:blur(6px);pointer-events:auto}#leaderboard-close{position:absolute;top:6px;right:8px;width:28px;height:28px;border:none;border-radius:999px;color:#fff;background:#ffffff2e;font-size:16px;line-height:1;cursor:pointer}#leaderboard-close:hover{background:#ffffff47}#leaderboard h2{margin:0 28px 8px 0;font-size:15px;font-weight:700}#leaderboard-list{margin:0;padding-left:18px;max-height:min(45vh,300px);overflow:auto}#leaderboard-list li{margin:3px 0;font-size:12px}#stage-notif{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);background:linear-gradient(135deg,#ff6b35,gold);color:#fff;font-size:28px;font-weight:900;letter-spacing:3px;padding:18px 48px;border-radius:16px;box-shadow:0 8px 40px #ff6b35cc,0 0 0 3px #ffd70099;text-shadow:0 2px 8px rgba(0,0,0,.4);pointer-events:none;z-index:100;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}#stage-notif.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#hover-hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(14px);max-width:min(90vw,560px);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#0c1220d6;color:#fff;font-size:13px;font-weight:700;letter-spacing:.2px;text-align:center;box-shadow:0 8px 28px #00000073;backdrop-filter:blur(4px);pointer-events:none;opacity:0;transition:opacity .24s ease,transform .24s ease;z-index:95}#hover-hint.show{opacity:1;transform:translate(-50%) translateY(0)}#hover-hint .hint-keycap{display:inline-block;margin:0 2px;padding:2px 8px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;font-size:12px;font-weight:900;letter-spacing:.4px}#camera-drag-guide{--drag-dx: -48px;--drag-dy: -18px;position:fixed;left:78vw;top:62vh;transform:translate(-50%,-50%);display:none;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#070e1cd1;box-shadow:0 8px 24px #0006;backdrop-filter:blur(4px);color:#fff;pointer-events:none;z-index:96}#camera-drag-guide.show{display:inline-flex}#camera-drag-guide .drag-finger{width:30px;height:30px;border-radius:999px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:16px;animation:camera-drag-motion 1.15s ease-in-out infinite}#camera-drag-guide .drag-label{font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}@keyframes camera-drag-motion{0%{transform:translate(0);opacity:.28}45%{transform:translate(var(--drag-dx),var(--drag-dy));opacity:1}to{transform:translate(0);opacity:.28}}#jump-btn.hover-hint-pulse{animation:hover-btn-pulse .95s ease-in-out infinite}@keyframes hover-btn-pulse{0%{box-shadow:0 4px 15px #0006,0 0 #ffeb7d8c;transform:scale(1)}70%{box-shadow:0 4px 15px #0006,0 0 0 16px #ffeb7d00;transform:scale(1.05)}to{box-shadow:0 4px 15px #0006,0 0 #ffeb7d00;transform:scale(1)}}#wind-canvas{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:60px;height:60px;pointer-events:none;z-index:20;border-radius:50%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}#wind-label{position:absolute;bottom:92px;left:50%;transform:translate(-50%);width:90px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none;z-index:20}#mobile-controls{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:5;pointer-events:none}#joystick-zone{position:absolute;top:0;left:0;width:50vw;height:100vh;pointer-events:auto;touch-action:none}#camera-zone{position:absolute;top:0;right:0;width:50vw;height:100vh;pointer-events:auto;touch-action:none}#instructions-toggle{position:absolute;top:18px;left:18px;min-width:92px;height:36px;border-radius:999px;border:2px solid rgba(255,255,255,.45);background:#00000059;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;pointer-events:auto;touch-action:manipulation;user-select:none;box-shadow:0 3px 10px #00000059}#instructions-toggle:active{transform:scale(.96);background:#ffffff40}#jump-btn{position:absolute;bottom:130px;right:50px;width:80px;height:80px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.4);color:#fff;font-weight:700;pointer-events:auto;user-select:none;touch-action:none;font-size:14px;box-shadow:0 4px 15px #0006;display:flex;justify-content:center;align-items:center;flex-direction:column}#jump-btn:active{background:#fff6;transform:scale(.95)}#fullscreen-btn{position:absolute;top:18px;right:18px;min-width:84px;height:40px;border-radius:999px;border:2px solid rgba(255,255,255,.45);background:#00000059;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;pointer-events:auto;touch-action:manipulation;user-select:none;box-shadow:0 3px 10px #00000059}#fullscreen-btn:active{transform:scale(.96);background:#ffffff40}body.mobile-instructions-collapsed .mobile-instructions{display:none!important}.mobile-instructions{display:none}@media (max-width: 800px),(hover: none) and (pointer: coarse){.desktop-instructions{display:none}.mobile-instructions,#mobile-controls{display:block}#ui{transform:scale(.85);transform-origin:top left;padding-top:64px}#hover-hint{bottom:224px;max-width:calc(100vw - 28px);font-size:12px}#camera-drag-guide{top:58vh;max-width:calc(100vw - 24px)}#camera-drag-guide .drag-label{white-space:normal;max-width:148px}}