:root{--accent:#6dd3b3;--bg:#071218;--panel:#0b2b22;--muted:#9fbfb0}*{box-sizing:border-box;font-family:Verdana;color:#e9f6ef}body{margin:0;background:var(--bg)}.screen{display:flex;align-items:center;justify-content:center;height:100vh;padding:12px}.panel{background:var(--panel);padding:12px;border-radius:10px}.charGrid{display:flex;gap:12px;flex-wrap:wrap}.charCard{width:140px;padding:8px;background:rgba(255,255,255,0.02);border-radius:8px;text-align:center}.btn{padding:8px 10px;border-radius:8px;border:none;background:#274d39;color:#fff}.btn.primary{background:var(--accent);color:#042}.hud{position:fixed;left:16px;top:16px;width:360px}.barWrap{width:180px;height:18px;background:#022;border-radius:6px;overflow:hidden}.bar{height:100%}.hp{background:#d9534f}.mana{background:#5bc0de}#gameCanvas{display:block;margin:10px auto;max-width:calc(100vw - 24px);background:#001}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6)}.modal.hidden{display:none}.modalBox{background:#0b2b22;padding:12px;border-radius:8px;width:360px;text-align:center}#controls{position:fixed;left:16px;bottom:16px;display:flex;gap:12px}#joystick{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.04);position:relative}#stick{width:56px;height:56px;border-radius:50%;background:var(--accent);position:absolute;left:32px;top:32px}#actions{display:flex;flex-direction:column;gap:10px;margin-left:8px}.action{width:74px;height:74px;border-radius:12px;border:none;background:#7a2f2f;color:#fff;font-size:26px}