:root{font-family:Inter,Segoe UI,sans-serif;color:#edf5ef;background:#090e13;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.hidden{display:none!important}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(ellipse at 50% 0,#1a2b38,#090e13 70%)}.game-shell{width:min(100%,1280px);display:flex;flex-direction:column;gap:.7rem;padding:.9rem;border:1px solid #35434b;border-radius:16px;background:#111a21;box-shadow:0 24px 80px #0009}.hud-panel{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .9rem;border:1px solid #2a3941;border-radius:9px;background:#0d151b}.title-wrap h1{margin:0;font-size:clamp(1.15rem,2.3vw,1.7rem);letter-spacing:.09em;text-transform:uppercase}.title-wrap p{margin:.1rem 0 0;color:#9eaaa9;font-size:.74rem}.hud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.health-status{display:grid;min-width:145px;gap:.24rem;align-content:center;padding:.28rem .55rem;border:1px solid #34444a;border-radius:5px;background:#1b282c}.health-status-label{display:flex;justify-content:space-between;gap:.7rem;color:#aab8af;font-size:.59rem;font-weight:700;letter-spacing:.08em}.health-status-label strong{color:#e7eddf;font-size:.62rem}.health-bar{overflow:hidden;height:7px;border:1px solid #59655b;border-radius:5px;background:#111719}.health-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#57b96f,#a3d77b);transition:width .18s ease,background-color .18s ease}.stat{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .65rem;border:1px solid #34444a;border-radius:5px;background:#1b282c;color:#e7eddf;font-size:.76rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}.health-dot{width:7px;height:7px;border-radius:50%;background:#83d28e}.state-stat{color:#e6c386}.viewport{position:relative;overflow:hidden;width:100%;height:min(68vh,700px);min-height:360px;border:1px solid #44525a;border-radius:10px;background:#18252b}canvas{display:block;width:100%;height:100%}.crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;opacity:.88}.crosshair:before,.crosshair:after{position:absolute;content:"";background:#f1f0d5;box-shadow:0 0 3px #141a1b}.crosshair:before{top:8px;left:1px;width:16px;height:2px}.crosshair:after{top:1px;left:8px;width:2px;height:16px}.crosshair span{position:absolute;z-index:1;top:6px;left:6px;width:6px;height:6px;border:1px solid #fffde8;border-radius:50%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:linear-gradient(90deg,#071018c9,#07101868 55%,#071018a6);transition:opacity .16s ease,visibility .16s ease}.overlay.hidden{visibility:hidden;opacity:0;pointer-events:none}.overlay-card{width:min(480px,100%);padding:clamp(1.2rem,4vw,2.3rem);border:1px solid #7180756e;border-radius:10px;background:#101b20ed;box-shadow:0 20px 65px #0009;text-align:center}.eyebrow{margin:0 0 .55rem;color:#cfb477;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.overlay-card h2{margin:0;font-size:clamp(1.5rem,4vw,2.1rem)}.overlay-card>p:not(.eyebrow):not(.overlay-hint){color:#bac5bf;font-size:.92rem;line-height:1.6}.overlay-card button{margin:.7rem 0;padding:.8rem 1.35rem;border:1px solid #c1a267;border-radius:5px;background:#a77b3d;color:#fff7e8;font:inherit;font-weight:700;cursor:pointer}.overlay-card button:hover{background:#be914e}.overlay-card input{width:100%;min-height:42px;padding:.65rem .8rem;border:1px solid #52615d;border-radius:4px;outline:none;background:#0a1217;color:#f0f2e9;font:inherit}.overlay-card input:focus{border-color:#d0b476;box-shadow:0 0 0 2px #d0b47635}.field-label{display:block;margin:1.15rem 0 .35rem;color:#aebbb3;font-size:.72rem;text-align:left;text-transform:uppercase}.lobby-actions{display:grid;gap:.45rem}.lobby-actions>button,.join-row button,.lobby-panel>button,.result-panel button{margin:0;min-height:42px;padding:.65rem .85rem}.join-row{display:grid;grid-template-columns:1fr auto;gap:.45rem}.join-row input{min-width:0;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lobby-panel,.result-panel{margin-top:1rem;padding-top:.9rem;border-top:1px solid #34433f;text-align:left}.lobby-code-row{display:flex;align-items:center;gap:.55rem}.lobby-code-row span{color:#9eaaa9;font-size:.65rem}.lobby-code-row strong{margin-left:auto;color:#f1d38f;font-size:1.25rem;letter-spacing:.14em}.lobby-code-row button{margin:0;padding:.4rem .55rem;font-size:.72rem}.lobby-panel>p{color:#adbab2;font-size:.8rem}.player-list{display:grid;gap:.35rem;margin:.7rem 0;padding:0;list-style:none}.player-list li{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem .65rem;border:1px solid #2e3c3a;border-radius:4px;background:#15201f;color:#e9eee3;font-size:.82rem}.player-list strong{color:#d5b976;font-size:.64rem}.overlay-card button.secondary-button{width:100%;margin-top:.45rem;border-color:#53625f;background:#273431;color:#d6ded5}.overlay-card button.secondary-button:hover{background:#35443f}.result-panel{text-align:center}.result-panel p{color:#efd593;font-weight:700}.overlay-card button:disabled{opacity:.45;cursor:not-allowed}.overlay-hint{margin:.6rem 0 0;color:#99a7a5;font-size:.7rem;line-height:1.6}.message{position:absolute;bottom:1rem;left:50%;max-width:calc(100% - 2rem);transform:translate(-50%,.5rem);padding:.5rem .8rem;border:1px solid #82918d70;border-radius:5px;background:#10191dd9;color:#f0e8cf;font-size:.8rem;text-align:center;opacity:0;transition:opacity .12s ease,transform .12s ease;pointer-events:none}.message.visible{transform:translate(-50%);opacity:1}.damage-popups{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.damage-popup{position:absolute;top:0;left:0;color:#fff3d0;font-size:clamp(.95rem,2vw,1.35rem);font-weight:900;letter-spacing:.04em;text-shadow:0 2px 4px #000,0 0 9px #000b;white-space:nowrap;will-change:transform,opacity}.damage-popup.headshot{color:#ffd36f;font-size:clamp(1.05rem,2.2vw,1.5rem)}.control-panel{display:flex;justify-content:center;gap:clamp(.5rem,2vw,1.7rem);padding:.25rem 0 .1rem;color:#e2e7df;font-size:.72rem;font-weight:700}.control-panel span{white-space:nowrap}.control-panel small{margin-left:.2rem;color:#93a19f;font-weight:400}@media(max-width:650px){body{padding:.45rem}.game-shell{padding:.5rem;gap:.5rem}.hud-panel{align-items:flex-start;flex-direction:column}.hud{justify-content:flex-start}.viewport{height:66vh;min-height:330px}.control-panel{justify-content:flex-start;flex-wrap:wrap;gap:.3rem .8rem}.control-panel small{display:none}}