*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,system-ui,Segoe UI,sans-serif;background:#090d18;color:#f4f6ff;touch-action:none}#game-root{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.topbar{position:absolute;top:0;left:0;right:0;height:68px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,8,16,.88),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e14c58;background:linear-gradient(135deg,#651d2b,#172a50);font-weight:900;font-style:italic;letter-spacing:-2px}.brand strong{display:block;font-size:14px;letter-spacing:2px}.brand small,.player-info small,.objective small{display:block;color:#aab4ca;font-size:9px;letter-spacing:1.5px;margin-top:3px}.status{font-size:10px;letter-spacing:1.5px;color:#b9c6d9}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#56d69a;box-shadow:0 0 10px #56d69a}.hud{position:absolute;top:82px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.player-card{display:flex;gap:10px;padding:10px 13px;background:#070c18c7;border:1px solid rgba(132,157,201,.25);min-width:210px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#9a3441,#263c69);font-weight:900;font-size:20px}.player-info{flex:1}.player-info strong{font-size:12px}.bar{height:5px;background:#283147;margin-top:5px;width:135px}.bar i{display:block;height:100%;width:100%}.hp i{background:#d84c5a}.mp i{background:#4c91db}.objective{text-align:right;padding:9px 13px;background:#070c18ad;border-right:2px solid #c64a58}.objective strong{display:block;font-size:12px;margin:4px 0}.objective span{font-size:10px;color:#aab4ca}.hint{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:8px 13px;background:#070c1873;color:#d7deec;font-size:11px;white-space:nowrap;border:1px solid rgba(160,180,220,.14);pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#ffffff59;pointer-events:none}.footer{position:absolute;bottom:12px;left:18px;font-size:9px;letter-spacing:1.5px;color:#d2dcf073;pointer-events:none}.mobile-controls{display:none}.joystick{width:116px;height:116px;border-radius:50%;border:1px solid rgba(220,230,255,.35);background:#0c142559;display:grid;place-items:center;touch-action:none}.stick{width:48px;height:48px;border-radius:50%;background:#cdd7eb6b;border:1px solid rgba(255,255,255,.5);box-shadow:0 3px 15px #0008}.attack-button{width:76px;height:76px;border-radius:50%;border:1px solid #ff9b9b;background:linear-gradient(145deg,#b83d4d,#5d1728);color:#fff;font-size:27px;box-shadow:0 5px 22px #0008;touch-action:none}.attack-button small{display:block;font-size:8px;letter-spacing:1px}.attack-button:active{transform:scale(.94);filter:brightness(1.3)}@media(max-width:700px){.topbar{height:58px;padding:9px 13px}.brand-mark{width:36px;height:36px}.brand strong{font-size:12px}.status{font-size:8px}.hud{top:68px;left:10px;right:10px}.player-card{min-width:170px;padding:8px}.bar{width:105px}.objective{padding:7px 9px}.objective strong{font-size:10px}.objective span{display:none}.hint{top:43%;font-size:9px}.mobile-controls{position:absolute;display:flex;left:20px;right:22px;bottom:28px;align-items:flex-end;justify-content:space-between}.footer,.crosshair{display:none}}.monster-card{position:absolute;left:50%;top:158px;transform:translate(-50%);width:220px;padding:9px;background:#070c18d9;border:1px solid #a84a59;color:#fff;pointer-events:none}.monster-bar{height:7px;background:#283147;margin:7px 0}.monster-bar i{display:block;height:100%;background:#d34c59;transition:width .15s}.monster-card small{font-size:10px;color:#bbc5d8}@media(max-width:700px){.monster-card{top:145px;width:190px}}