:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07151a;color:#f4f0df}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}button,input{font:inherit}#game{display:block;width:100vw;height:100vh;background:#07151a}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#04090c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby{justify-items:center;align-items:center}.lobby-shell,.death-card,.status-card{width:min(560px,100%);border:1px solid rgba(244,240,223,.16);background:#0b1619eb;box-shadow:0 28px 80px #0000006b;border-radius:8px}.lobby-shell{padding:22px}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,7vw,4.6rem);line-height:.92;max-width:360px}.field{display:grid;gap:8px;margin-bottom:14px;color:#cabf9e;font-size:.86rem;letter-spacing:0}.field input{width:100%;height:46px;border:1px solid rgba(244,240,223,.18);border-radius:6px;background:#ffffff0f;color:#fff8df;padding:0 14px;outline:none}.field input:focus{border-color:#f5cf70e0}.avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar-preview{width:86px;height:86px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(244,240,223,.18);background:radial-gradient(circle at 50% 28%,var(--skin, #c99062) 0 21%,transparent 22%),radial-gradient(circle at 50% 60%,var(--cloak, #315f72) 0 34%,transparent 35%),linear-gradient(135deg,var(--armor, #7e8793),var(--trim, #e6c565));box-shadow:inset 0 -20px 32px #0000003d,0 12px 26px #00000047}.avatar-preview.large{width:110px;height:110px;margin:0 auto 10px}.icon-button{width:46px;height:46px;border-radius:6px;border:1px solid rgba(244,240,223,.2);color:#fff4cf;background:#f4f0df14;cursor:pointer}.swatches{display:grid;grid-template-columns:repeat(5,34px);gap:8px}.swatches span{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.24)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.class-card{min-height:118px;display:grid;align-content:center;justify-items:start;gap:8px;border:1px solid rgba(244,240,223,.16);border-radius:8px;background:#ffffff0e;color:#f4f0df;padding:14px;cursor:pointer;text-align:left}.class-card b{font-size:1.15rem}.class-card span{color:#c8bea2;font-size:.82rem}.class-card.selected{border-color:#e6c565;background:#e6c5651f}.enter-button,.danger-button{width:100%;height:50px;border:0;border-radius:7px;cursor:pointer;color:#11160f;background:#f2ce63;font-weight:800}.danger-button{color:#fff8ef;background:#b9332d}.hud{position:fixed;z-index:4;left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));display:grid;gap:8px;pointer-events:none}.hud-row{display:flex;flex-wrap:wrap;gap:8px}.hud-row.compact{max-width:min(620px,calc(100vw - 32px))}.meter,.pill{height:30px;min-width:112px;position:relative;overflow:hidden;border:1px solid rgba(244,240,223,.18);border-radius:6px;background:#040a0dad;box-shadow:0 8px 22px #00000040}.meter span{position:absolute;inset:0 auto 0 0;width:100%;transition:width .12s linear}.meter b,.pill{display:grid;place-items:center;padding:0 10px;color:#fff9df;font-size:.78rem;line-height:1;white-space:nowrap}.meter b{position:relative;height:100%;z-index:1}.hp span{background:linear-gradient(90deg,#aa2424,#ed6255)}.stamina span{background:linear-gradient(90deg,#246a9a,#6fc2f1)}.threat{min-width:126px;color:#ffd2bf}.coords{min-width:138px}.kill-feed{display:grid;gap:5px;max-width:min(460px,calc(100vw - 32px))}.kill-feed div{padding:8px 10px;border:1px solid rgba(244,240,223,.12);border-radius:6px;background:#060d10b8;color:#eadfbd;font-size:.78rem}.death-card,.status-card{padding:24px;text-align:center}.death-card h2{font-size:clamp(3rem,16vw,7rem);line-height:.9;color:#ff6a5f}.death-card p,.status-card p{color:#d9c9a9;margin:12px 0 18px}.death-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}.death-stats div{display:grid;gap:6px;padding:10px;border-radius:7px;background:#ffffff0e}.death-stats dt{color:#bfb293;font-size:.72rem}.death-stats dd{margin:0;font-weight:800}.touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;display:none}.stick-base,.touch-action{pointer-events:auto;position:absolute;border:1px solid rgba(244,240,223,.2);background:#040a0d5c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stick-base{left:max(22px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:126px;height:126px;border-radius:50%}.stick-thumb{position:absolute;left:43px;top:43px;width:40px;height:40px;border-radius:50%;background:#f2ce63;box-shadow:0 8px 22px #00000059}.touch-action{width:72px;height:72px;border-radius:50%;color:#fff8df;font-weight:900}.touch-action.primary{right:max(26px,env(safe-area-inset-right));bottom:max(38px,env(safe-area-inset-bottom));background:#b12d288a}.touch-action.secondary{right:max(110px,env(safe-area-inset-right));bottom:max(92px,env(safe-area-inset-bottom));background:#2f5b8485}@media(hover:none),(pointer:coarse){.touch-controls{display:block}.hud{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}.meter,.pill{min-width:92px;height:28px}.coords{min-width:128px}.class-grid,.death-stats{grid-template-columns:1fr}}