.app{position:relative;width:100%;height:100%;background:#08000f}.lobby{min-height:100%;padding:32px 18px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.lobby-title{font-size:clamp(38px,8vw,64px);margin:0;letter-spacing:clamp(4px,1vw,10px);color:#c04;text-shadow:0 0 24px rgba(221,0,255,.35),0 0 6px rgba(204,0,68,.8)}.lobby-sub{color:#a8b;font-style:italic;margin-bottom:18px}.lobby-input{background:#14061f;color:#e8d8e8;border:1px solid #6600aa;border-radius:4px;padding:12px 16px;font-size:18px;width:260px;text-align:center;outline:none;font-family:inherit}.lobby-input:focus{border-color:#d0f;box-shadow:0 0 12px #dd00ff4d}.lobby-btn{background:#c04;color:#fff;border:none;border-radius:4px;padding:12px 28px;font-size:17px;letter-spacing:2px;cursor:pointer;font-family:inherit}.lobby-btn:hover:not(:disabled){background:#e15;box-shadow:0 0 16px #cc004480}.lobby-btn:disabled{opacity:.6;cursor:default}.lobby-help{color:#907a9a;font-size:14px;line-height:1.7;max-width:460px}.lobby-error{color:#f56;font-size:14px}.help-toggle{background:transparent;border:0;color:#d5b7df;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}.currency-notice,.compat-notice{max-width:520px;color:#8e7a98;font-size:12px;line-height:1.55}.currency-notice{border:1px solid #2a1050;border-radius:6px;padding:10px 14px;background:#14061fa6}.compat-notice{color:#d2a64f}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel{position:absolute;background:#08000fa6;border:1px solid #2a1050;border-radius:4px;padding:10px 14px}.hud-topleft{top:12px;left:12px;min-width:220px}.hud-topright{top:12px;right:12px}.hud-mapname{position:absolute;top:12px;left:50%;transform:translate(-50%);color:#6a5580;font-size:13px;letter-spacing:3px;text-transform:uppercase}.hp-bar{position:relative;height:18px;background:#1a0511;border:1px solid #44112a;border-radius:3px;overflow:hidden;margin-bottom:8px}.hp-fill{height:100%;background:linear-gradient(#f35,#a13);transition:width 80ms linear}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ffdde5;text-shadow:0 1px 2px #000}.stat{color:#cdb8d5;font-size:14px;margin-top:3px}.stat.blood{color:#f46;font-size:17px}.weapons{color:#8a7095;font-size:12px}.portal-open{color:#e6f;font-size:15px;animation:pulse 1s infinite}.portal-wait{color:#9a80aa;font-size:14px}@keyframes pulse{50%{opacity:.55}}.extract-banner{position:absolute;bottom:90px;left:50%;transform:translate(-50%);text-align:center;width:340px}.extract-label{color:#e6f;letter-spacing:3px;font-size:15px;margin-bottom:6px;text-shadow:0 0 10px #dd00ff}.extract-bar{height:14px;background:#14061f;border:1px solid #6600aa;border-radius:3px;overflow:hidden}.extract-fill{height:100%;background:linear-gradient(#e6f,#a0c);transition:width 80ms linear}.minimap{position:absolute;bottom:12px;left:12px;border-radius:4px;image-rendering:pixelated}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#040008d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;z-index:1000}.overlay-title{font-size:72px;letter-spacing:12px}.overlay-title.death{color:#c04;text-shadow:0 0 30px rgba(204,0,68,.7)}.overlay-title.extract{color:#fd0;text-shadow:0 0 30px rgba(255,221,0,.5)}.overlay-sub{color:#cdb8d5;font-size:20px}.overlay-hint{color:#6a5580;font-size:14px;margin-top:24px}@media(max-width:640px){.hud-topleft{min-width:180px}.hud-mapname{display:none}.minimap{width:120px;height:120px}.overlay-title{font-size:42px;letter-spacing:6px}.overlay-sub{padding:0 20px;text-align:center;font-size:16px}}