*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080a0f;color:#eee;font-family:system-ui,sans-serif}#app{width:100%;height:100%;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none;background:#0b0e14}.top{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;text-shadow:0 1px 3px #000}.bar{height:7px;width:260px;background:#222936;border-radius:9px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;width:100%;background:#e85d75;transition:width .15s}.bar.xp i{background:#63a4ff}.bar.xp{margin-top:5px}#hud{position:absolute;left:16px;top:14px;z-index:2;pointer-events:none}.hidden{display:none!important}.panel{position:absolute;inset:0;margin:auto;width:min(92vw,520px);height:max-content;background:rgba(12,15,22,.95);border:1px solid #303747;border-radius:16px;padding:28px;text-align:center;box-shadow:0 20px 70px #0009;z-index:5}.panel h1{font-size:42px;letter-spacing:4px;margin:0 0 8px}.panel p{color:#aeb7c7}.panel button{display:block;width:100%;padding:13px;margin:10px 0;border:0;border-radius:10px;background:#6d8cff;color:#fff;font-size:16px;cursor:pointer}.panel button.secondary{background:#252c3a}.panel small{display:block;margin-top:18px;color:#778194}.choice{background:#171d28;border:1px solid #30394a;border-radius:12px;padding:14px;text-align:left;margin:10px 0;cursor:pointer}.choice:hover{border-color:#718cff;background:#1c2432}.choice strong{display:block}.choice span{font-size:13px;color:#9da8bb}#toast{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);background:#111722dd;padding:9px 14px;border-radius:20px;opacity:0;transition:opacity .2s;pointer-events:none}#joystick{display:none;position:absolute;left:24px;bottom:28px;width:116px;height:116px;border:2px solid #ffffff33;border-radius:50%;background:#ffffff0d;z-index:3;touch-action:none}#stick{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#ffffff33;border:2px solid #ffffff55;pointer-events:none}@media (pointer:coarse){#joystick{display:block}.panel{max-height:90vh;overflow:auto}.panel h1{font-size:32px}}