*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#071019;color:#eef4f7}button{font:inherit;color:inherit;background:#16232d;border:1px solid #71808a;padding:14px 18px;cursor:pointer}button:hover{background:#263843}.screen{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#33495a 0,#101b24 40%,#05090d 100%);padding:5vh 6vw}.hidden{display:none!important}.brand{font-size:clamp(30px,5vw,70px);letter-spacing:.08em;text-shadow:0 3px 20px #000;margin-bottom:4vh}.brand b{display:block}.brand small{font-size:14px;letter-spacing:.35em;color:#a9c8d9}.lobby-grid{display:grid;grid-template-columns:minmax(260px,420px) minmax(420px,760px);gap:24px;max-width:1200px}.panel{background:#091017d9;border:1px solid #71808a55;box-shadow:0 20px 80px #0009;padding:24px;backdrop-filter:blur(12px)}.panel h2{letter-spacing:.12em}.player-card{text-align:center}.avatar{height:280px;position:relative;margin:10px auto;background:linear-gradient(#c9e1ed,#7e9aaa);overflow:hidden;border:1px solid #6e8998}.avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,#fff3,transparent);transform:skewX(-20deg)}.head{position:absolute;width:70px;height:80px;border-radius:50%;background:#c38f6b;left:calc(50% - 35px);top:48px}.helmet{position:absolute;width:92px;height:50px;border-radius:55px 55px 10px 10px;background:#283239;left:calc(50% - 46px);top:35px}.body{position:absolute;width:110px;height:120px;background:#303c3d;left:calc(50% - 55px);top:118px;border-radius:18px}.legs{position:absolute;width:100px;height:90px;background:#1b2426;left:calc(50% - 50px);top:225px}.rifle{position:absolute;width:150px;height:15px;background:#111;left:calc(50% - 25px);top:170px;transform:rotate(-18deg)}.player-name{font-size:24px;font-weight:bold;margin:10px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs .active{background:#dcebf1;color:#091017}.rank{padding:12px;background:#182a34;margin:12px 0}.squad{border:1px solid #52646f;padding:12px}.squad div{display:flex;justify-content:space-between}.squad i{color:#8de0a8}.map-card{margin:18px 0;padding:18px;background:linear-gradient(135deg,#243c49,#0e171d);border:1px solid #71808a}.map-title{font-size:24px;font-weight:bold}.deploy{width:100%;background:#dcebf1;color:#081015;font-size:22px;font-weight:bold}.secondary{width:100%;margin-top:10px}.footer-note{position:absolute;bottom:15px;left:6vw;color:#9db1bc;font-size:12px}.map-screen{max-width:800px;margin:10vh auto}.map-choice{display:flex;justify-content:space-between;padding:22px;margin:10px 0;border:1px solid #52646f}.map-choice.selected{border-color:#dcebf1;background:#1c303a}.crate-row{display:flex;gap:12px}.crate-row button{flex:1}.screen #crate-result{min-height:50px;padding:20px;font-size:20px}#game{position:absolute;inset:0;background:#8aa4b2}#crosshair{position:absolute;left:50%;top:50%;font-size:26px;z-index:10;text-shadow:0 0 4px #000}#hud{position:absolute;inset:0;z-index:8;pointer-events:none}.hud-top{padding:18px;font-weight:bold;background:linear-gradient(#0009,transparent);display:flex;justify-content:space-between}.hud-bottom{position:absolute;right:25px;bottom:25px;background:#071017cc;padding:15px;font-size:20px}.hud-bottom span{font-size:12px;color:#b9cad2}.hud-bottom b{font-size:28px}.intel{position:absolute}.intel{left:50%;top:55%;transform:translate(-50%,-50%);background:#061018ed;border:1px solid #b9d1dd;padding:24px;min-width:300px;z-index:20;box-shadow:0 15px 60px #000}.intel h2{margin-top:0}.intel p{color:#c4d2d8}.help{position:absolute}.help{bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:#dcebf1;z-index:9;background:#0007;padding:6px 10px}#help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:#dcebf1;z-index:9;background:#0007;padding:6px 10px;white-space:nowrap}@media(max-width:800px){.lobby-grid{grid-template-columns:1fr}.player-card{display:none}.screen{padding:4vh 4vw}.footer-note{left:4vw}.map-screen{margin:3vh auto}.brand{font-size:38px}}
#deployBanner{position:absolute;left:50%;top:14%;transform:translateX(-50%);z-index:12;background:#071017dd;border:1px solid #c9dce5;padding:14px 22px;letter-spacing:.12em;box-shadow:0 10px 40px #0008}
.map-choice{cursor:pointer}.map-choice:hover{background:#14232b}
button:disabled{opacity:.55;cursor:wait}