html,body{margin:0;height:100%;overflow:hidden;background:#9cc9e0;font-family:"Hind Siliguri",system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#gl{position:fixed;left:0;top:0;width:100vw;height:100vh;display:block}
#ui{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(#27492a,#060e07 80%);color:#fff;text-align:center;padding:20px;box-sizing:border-box;z-index:5}
#ui h1{margin:0;font-size:24px;color:#ffd166;letter-spacing:1px}
#ui p{margin:0;font-size:14px;opacity:.85;max-width:320px;line-height:1.6}
#ui .help{font-size:12px;opacity:.7}
input{padding:12px;font-size:16px;border-radius:8px;border:0;width:240px;text-align:center;font-family:inherit}
button{padding:12px 34px;font-size:18px;border:0;border-radius:10px;background:linear-gradient(#f5b83a,#d98f12);color:#222;font-weight:800;cursor:pointer;font-family:inherit}
button:disabled{opacity:.55}
#rot{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#050d06;color:#ffd166;z-index:9;font-size:20px;text-align:center;padding:24px;box-sizing:border-box;font-weight:700}
#hud{position:fixed;top:12px;left:12px;color:#fff;text-shadow:0 1px 3px #000;font-size:13px;display:none;pointer-events:none;width:200px;z-index:3}
#hpbar{width:200px;height:10px;background:#222;border-radius:5px;overflow:hidden;margin-bottom:6px;border:1px solid rgba(255,255,255,.4)}
#hpfill{height:100%;width:100%;background:#4caf50;transition:width .15s}
#flash{position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);color:#ffd166;font:700 20px "Hind Siliguri",system-ui,sans-serif;text-shadow:0 2px 6px #000;display:none;pointer-events:none;z-index:4;white-space:nowrap}
#death{position:fixed;inset:0;background:rgba(120,0,0,.55);color:#fff;display:none;align-items:center;justify-content:center;text-align:center;font-size:18px;pointer-events:none;z-index:4;padding:20px;box-sizing:border-box}
#joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.4);display:none;pointer-events:none;z-index:3}
#knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(255,255,255,.55)}
.btn{position:fixed;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.6);color:#fff;font:700 13px system-ui,sans-serif;display:none;align-items:center;justify-content:center;z-index:3;box-sizing:border-box}
#bJump{right:128px;bottom:72px;width:84px;height:84px;font-size:14px}
#bAtk{right:18px;bottom:58px;width:100px;height:100px;background:rgba(220,50,50,.6);font-size:16px}
#bRun{right:26px;bottom:180px;width:70px;height:70px;background:rgba(60,150,255,.45)}
#dbg{position:fixed;left:8px;bottom:8px;max-width:90%;background:rgba(160,0,0,.88);color:#fff;font:12px monospace;padding:6px 8px;border-radius:6px;display:none;z-index:9;white-space:pre-wrap}