:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111315;color:#f5f1e8;-webkit-tap-highlight-color:transparent;touch-action:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{border:0;color:#151312;background:#f0d35c;min-height:44px;border-radius:8px;font-weight:800;letter-spacing:0}button:active{transform:translateY(1px) scale(.99)}#app,#gameMount{position:fixed;inset:0}#gameMount canvas{width:100%!important;height:100%!important;object-fit:cover}#desktopBlocker,body.desktop-blocked #app{display:none}body.desktop-blocked #desktopBlocker{position:fixed;inset:0;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#101214f5,#231515fa),url(/assets/avatars/arena.svg) center / cover}#desktopBlocker div{max-width:520px}#desktopBlocker h1{margin:6px 0 12px;font-size:clamp(40px,8vw,86px)}.blocker-kicker,.eyebrow{margin:0;color:#7ce6b8;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.panel{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));padding:14px;border:1px solid rgba(245,241,232,.16);border-radius:8px;background:#111315c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000047}.brand-row,.gender-row,.lobby-actions{display:grid;gap:10px}.brand-row{grid-template-columns:1fr auto;align-items:start}.brand-row h1{margin:0;font-size:42px;line-height:.92}#connectionState{padding:6px 8px;border-radius:999px;background:#ee544b33;color:#ff9d95;font-size:12px;font-weight:800}#connectionState.online{background:#7ce6b82e;color:#7ce6b8}.gender-row{grid-template-columns:1fr 1fr;margin-top:12px}.gender-button{background:#f5f1e81f;color:#f5f1e8;border:1px solid rgba(245,241,232,.14)}.gender-button.active{background:#7ce6b8;color:#111315}.lobby-actions{grid-template-columns:1fr;margin-top:12px}.primary{background:#ee544b;color:#fffaf0}label{display:grid;gap:4px;color:#f5f1e8b8;font-size:12px;font-weight:800}input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(245,241,232,.18);border-radius:8px;background:#f5f1e814;color:#f5f1e8;text-transform:uppercase;font-size:20px;font-weight:900}.room-status{min-height:22px;margin-top:10px;color:#f0d35c;font-size:14px;font-weight:800}.ready{width:100%;margin-top:8px;background:#7ce6b8}#hud{pointer-events:none;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:grid;gap:8px}#lobby:not([hidden])+#hud{display:none}#roomCodeBadge,#questBanner,#healthHud{width:fit-content;max-width:100%;padding:8px 10px;border-radius:8px;background:#111315bd;border:1px solid rgba(245,241,232,.14);color:#f5f1e8;font-size:12px;font-weight:900}#questBanner{color:#f0d35c}#controls{position:fixed;inset:auto max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;pointer-events:none}#joystick,.action-stack button{pointer-events:auto;-webkit-user-select:none;user-select:none}#joystick{position:relative;width:132px;height:132px;border-radius:50%;border:2px solid rgba(245,241,232,.24);background:radial-gradient(circle,#7ce6b847,#111315a3);box-shadow:inset 0 0 24px #0000006b}#stick{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#f5f1e8;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000061}.action-stack{display:grid;gap:12px;width:112px}.action-stack button{min-height:58px;border-radius:999px}#fireButton{background:#ee544b;color:#fffaf0}#dashButton{background:#7ce6b8}@media(max-height:720px){.panel{padding:10px}.brand-row h1{font-size:34px}#joystick{width:112px;height:112px}}