:root{color:#f4f7ff;background:#03060b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}.app-shell{position:relative;height:100vh;width:100vw;background:radial-gradient(circle at top,rgba(81,120,196,.35),transparent 40%),linear-gradient(180deg,#081019,#04060b)}.game-canvas{height:100%;width:100%}.game-canvas canvas{display:block;height:100%;width:100%}.hud-shell{pointer-events:none;position:absolute;inset:0 0 auto;display:flex;gap:14px;align-items:flex-start;padding:20px;flex-wrap:wrap}.hud-panel{display:flex;flex-direction:column;gap:4px;min-width:190px;padding:12px 14px;border:1px solid rgba(177,207,255,.2);border-radius:12px;background:#040a12bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel--compact{min-width:220px}.hud-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8ea6cf}.hud-subtle{color:#d3ddf3;font-size:.88rem}.health-bar{position:relative;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.health-bar__fill{height:100%;background:linear-gradient(90deg,#ff8556,#ffd05f)}.dev-panel{position:absolute;right:20px;bottom:20px;display:flex;gap:12px;padding:10px 14px;border:1px solid rgba(159,196,255,.15);border-radius:12px;background:#040a12d1;font-size:.85rem}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#03070b94}.modal{width:min(92vw,420px);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#080f18f0;box-shadow:0 20px 60px #00000052}.modal h1{margin:0 0 10px;font-size:1.35rem}.modal p{margin:0 0 14px;color:#c5d1ea}.name-input{width:100%;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:inherit}.primary-button{width:100%;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(90deg,#65a8ff,#ff9557);color:#041018;font-weight:700;cursor:pointer}.error-toast{position:absolute;left:20px;bottom:20px;max-width:min(90vw,420px);padding:12px 14px;border-radius:12px;background:#982d1deb;color:#fff5f3}