:root{--gold: #ffd84d;--panel: rgba(12, 16, 34, .92);--panel-edge: #2c3a6e;--ink: #e8ecff;--shadow: rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100dvh;overflow:hidden;background:#0b1026;font-family:DotGothic16,monospace;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50}.px-btn{font-family:DotGothic16,monospace;font-size:16px;color:var(--ink);background:linear-gradient(180deg,#3b4a8c,#24305f 55%,#1a2347);border:2px solid #0a0e22;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #00000059,0 4px #0a0e22,0 8px 16px #0006;padding:12px 22px;min-width:240px;cursor:pointer;text-shadow:2px 2px 0 var(--shadow);transition:transform .06s,filter .15s}.px-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #00000040,0 1px #0a0e22;filter:brightness(1.15)}.px-btn.big{font-size:19px;padding:15px 26px;background:linear-gradient(180deg,#62b544,#3f8c2a 55%,#2f6b1f);border-color:#14260c;box-shadow:inset 0 2px #ffffff4d,inset 0 -3px #00000059,0 4px #14260c,0 8px 16px #0006}.px-btn.danger{background:linear-gradient(180deg,#b5443f,#8c2a26 55%,#6b1f1c);border-color:#260c0c;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #00000059,0 4px #260c0c,0 8px 16px #0006}#loading{background:radial-gradient(ellipse at 50% 120%,#1d2c5e 0%,transparent 60%),#0b1026;flex-direction:column;z-index:90}.load-box{text-align:center;padding:0 24px}.load-logo{font-family:"Press Start 2P",DotGothic16,monospace;font-size:clamp(26px,7vw,44px);color:var(--ink);letter-spacing:2px;text-shadow:0 5px 0 #161e44,0 10px 24px rgba(0,0,0,.8);margin-bottom:26px}.load-logo span{color:var(--gold)}.load-label{font-size:15px;opacity:.85;margin-bottom:14px}.load-bar{width:min(420px,74vw);height:22px;margin:0 auto;border:2px solid #0a0e22;background:#161e44;box-shadow:inset 0 3px 6px #0009,0 2px #ffffff0f;padding:3px}#loadFill{width:0%;height:100%;background:repeating-linear-gradient(90deg,#62b544 0 10px,#4f9c36 10px 20px);box-shadow:inset 0 2px #ffffff59;transition:width .15s}.load-tip{margin-top:22px;font-size:13px;color:#9aa6d8}#title{flex-direction:column;background:transparent}.title-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0508148c,#0508141a 30%,#05081426 70%,#050814bf);pointer-events:none}.title-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.logo{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.logo-main{font-family:"Press Start 2P",DotGothic16,monospace;font-size:clamp(30px,8.5vw,64px);letter-spacing:3px;color:#fff;text-shadow:0 0 0 #fff,0 6px 0 #5b4a1e,0 7px 0 #3d3010,2px 2px 0 #c9a93a inset,0 12px 30px rgba(0,0,0,.9);background:linear-gradient(180deg,#fff7d8,#ffd84d,#d99e1b 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 0 #4a3a12) drop-shadow(0 10px 18px rgba(0,0,0,.7));animation:logoFloat 4s ease-in-out infinite}.logo-sub{font-size:clamp(15px,3.4vw,22px);color:#cfe3ff;text-shadow:2px 2px 0 var(--shadow);letter-spacing:6px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.splash{color:var(--gold);font-size:clamp(14px,3.4vw,20px);text-shadow:2px 2px 0 #3d3010;transform:rotate(-4deg);animation:splashPulse .9s ease-in-out infinite;margin-bottom:14px}@keyframes splashPulse{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(-4deg) scale(1.1)}}.title-buttons{display:flex;flex-direction:column;gap:13px}.title-foot{margin-top:20px;font-size:12px;color:#dce4ffa6;text-shadow:1px 1px 0 var(--shadow)}#help,#pause{background:#040610a8;backdrop-filter:blur(3px);z-index:60}.panel{background:var(--panel);border:2px solid var(--panel-edge);box-shadow:0 0 0 4px #0a0e22,0 18px 50px #000000b3,inset 0 2px #ffffff14;padding:26px 30px;width:min(480px,92vw);max-height:86dvh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:center}.panel h2{font-size:24px;color:var(--gold);text-shadow:2px 2px 0 var(--shadow);margin-bottom:8px;letter-spacing:4px}.help-list{list-style:none;text-align:left;display:flex;flex-direction:column;gap:9px;font-size:15px}.help-list b{color:var(--gold)}.help-pc{font-size:12px;color:#9aa6d8;text-align:left;margin:4px 0 8px}#hud{position:fixed;inset:0;z-index:20;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.75;background:linear-gradient(#fff,#fff) center/2px 18px no-repeat,linear-gradient(#fff,#fff) center/18px 2px no-repeat;mix-blend-mode:difference}#topbar{position:absolute;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start}.hud-right{display:flex;gap:8px}.hud-chip{background:#0a0e22b3;border:2px solid rgba(70,90,160,.55);box-shadow:0 2px #00000073;color:var(--ink);font-family:DotGothic16,monospace;font-size:13px;padding:6px 10px;text-shadow:1px 1px 0 var(--shadow)}.hud-btn{pointer-events:auto;cursor:pointer;font-size:16px;line-height:1;padding:6px 14px}.hud-btn:active{filter:brightness(1.5)}#flyBadge{position:absolute;top:calc(46px + env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#8fd4ff;font-size:13px;text-shadow:2px 2px 0 var(--shadow);background:#0a0e228c;border:1px solid rgba(120,190,255,.4);padding:4px 12px}#joyBase{position:absolute;width:124px;height:124px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:radial-gradient(circle,#141a3640,#141a3680);box-shadow:inset 0 0 24px #0006;display:none;pointer-events:none}#joyKnob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffffff2,#becdffbf 60%,#8ca0e6b3);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #00000080}#actionPad{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.pad-btn{pointer-events:auto;width:64px;height:64px;border-radius:50%;font-size:24px;color:#fff;background:radial-gradient(circle at 35% 30%,#5a6ebed9,#232d5fd9);border:2px solid rgba(255,255,255,.45);box-shadow:0 5px 14px #00000080,inset 0 2px #ffffff4d;text-shadow:0 2px 0 rgba(0,0,0,.5)}.pad-btn:active{filter:brightness(1.4);transform:scale(.94)}.pad-btn.big{width:84px;height:84px;font-size:32px}#btnDown{display:none}#hotbar{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:4px;padding:5px;background:#080b1a9e;border:2px solid rgba(70,90,160,.5);box-shadow:0 4px 14px #00000080;pointer-events:auto}.slot{width:52px;height:52px;border:2px solid rgba(120,135,190,.45);background:#161c3aa6;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.slot img{width:44px;height:44px;image-rendering:pixelated;pointer-events:none}.slot.sel{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 16px #ffd84d8c;background:#323860cc}#toast{position:absolute;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);background:#080b1ad9;border:1px solid rgba(255,216,77,.5);color:var(--gold);font-size:14px;padding:7px 16px;text-shadow:1px 1px 0 var(--shadow);animation:toastIn .2s ease-out;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:560px){.slot{width:38px;height:38px}.slot img{width:32px;height:32px}.pad-btn{width:56px;height:56px}.pad-btn.big{width:72px;height:72px}#actionPad{bottom:calc(112px + env(safe-area-inset-bottom))}}