:root{--bg:#070b11;--surface:#0d141d;--surface2:#121d28;--line:#233444;--text:#eef7fb;--muted:#8ea2b1;--accent:#4fe0b5;--accent2:#5aa9ff;--danger:#ff6978;--gold:#ffd56b}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--accent),#8affda);color:#06110f;font-weight:900;letter-spacing:.06em;padding:12px 16px;cursor:pointer;transition:transform .16s,filter .16s,border-color .16s}button:hover{transform:translateY(-1px);filter:brightness(1.07)}button:active{transform:translateY(1px)}button.secondary{background:#152331;color:var(--text);border-color:#2a4050}.ghost{background:#0a1119;color:var(--text);border-color:#344958}.danger{color:#ff8f98!important}.screen{display:none;position:absolute;inset:0}.screen.active{display:block}.panel-screen{display:grid!important;place-items:center;background:radial-gradient(circle at 50% 10%,#153542 0,#080d14 48%,#020406 100%)}.loading-card,.auth-card,.match-card,.card{position:relative}.glass{background:linear-gradient(135deg,#101b26ee,#091018e8);border:1px solid #29404f;box-shadow:0 30px 100px #000b;border-radius:24px}.loading-card{width:min(92vw,460px);text-align:center}.logo-img{display:block;width:min(190px,55vw);max-height:130px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 12px 30px #0009)}.hero-logo{width:min(240px,70vw);max-height:160px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:900}.progress{height:8px;background:#15222d;border-radius:999px;overflow:hidden;margin:18px 0}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;transition:width .25s}.auth-bg{position:absolute;inset:0;opacity:.45;background:radial-gradient(circle at 70% 30%,#236f73 0,transparent 25%),radial-gradient(circle at 20% 80%,#193e62 0,transparent 25%)}.auth-card{width:min(92vw,480px);padding:28px;z-index:1}.auth-card h1{margin:7px 0 5px}.auth-card label{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800;margin-top:13px}.auth-card input{width:100%;margin-top:6px;padding:14px;border-radius:12px;border:1px solid #2a3d4a;background:#071018;color:#fff;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4fe0b51c}.row{display:flex;gap:10px;margin-top:14px}.row>*{flex:1}.wide{width:100%;margin-top:10px}.message{min-height:18px;color:#ff99a3;font-size:13px;margin-top:6px}.muted,.tiny,small{color:var(--muted)}.tiny{font-size:11px;line-height:1.5}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 22px}.brand-wrap{display:flex;align-items:center;gap:9px}.mini-logo{width:34px;height:34px;object-fit:contain}.brand{font-size:22px;letter-spacing:.08em}.brand span{color:var(--accent)}#lobbyCanvas,#gameCanvas{position:absolute;inset:0;width:100%;height:100%}.lobby-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#071018df,transparent 55%),linear-gradient(0deg,#071018,transparent 40%);pointer-events:none}.profile-card{background:#0b151ddd;border-color:#2a4050;color:var(--text);padding:10px 14px}.lobby-main{position:absolute;inset:70px 0 0;display:flex;z-index:4}.nav{width:230px;padding:18px;display:flex;flex-direction:column;gap:8px}.nav-btn{text-align:left;background:#0b151dcc;border-color:#1d3140;color:#c9d8e0}.nav-btn.active{border-color:var(--accent);color:var(--accent);background:#0c1d24e8}.content{flex:1;overflow:auto;padding:20px 26px 80px}.card{max-width:980px;padding:25px;background:linear-gradient(135deg,#0d1822eb,#0a1119e6);border:1px solid #29404f;border-radius:22px;box-shadow:0 24px 80px #0006}.card h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}.stat,.weapon,.mode-card{padding:17px;border:1px solid #243a48;border-radius:16px;background:#0a131bdd}.weapon.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #4fe0b533}.weapon h3,.mode-card h3{margin:0 0 6px}.weapon small{line-height:1.7}.mode-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.mode-icon{font-size:28px;color:var(--accent)}.admin-tabs{display:flex;gap:8px;margin-bottom:14px}.admin-tabs button{background:#162431;color:#dceaf0}.admin-tabs button.active{background:var(--accent);color:#06110f}.user-row{display:grid;grid-template-columns:minmax(100px,1fr) 70px repeat(4,auto);gap:7px;align-items:center;padding:10px;border-bottom:1px solid #20323e}.user-row button{padding:8px 9px;font-size:11px}.room-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.room-list p{margin:0;padding:12px;background:#0a141c;border:1px solid #243a48;border-radius:10px}.countdown-wrap{text-align:center;margin-top:25px}.countdown-wrap h2{font-size:68px;margin:0;color:var(--accent);text-shadow:0 0 30px #4fe0b566}.wide-card{width:min(92vw,680px);padding:30px}.radar{width:110px;height:110px;border:1px solid #4fe0b555;border-radius:50%;margin:auto;background:conic-gradient(from 0deg,#4fe0b533,transparent 30%);animation:spin 2.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:absolute;inset:0;z-index:5;pointer-events:none}.hud-panel,#weaponHud,#xpHud,#scoreHud,.match-mode{background:#071018bd;border:1px solid #2a3c49;border-radius:12px;backdrop-filter:blur(8px)}#topHud{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}.match-mode{padding:8px 12px;font-size:11px;color:var(--accent);font-weight:900}.match-mode span{color:var(--muted);margin-left:5px}.match-mode,#scoreHud{white-space:nowrap}#scoreHud{display:flex;gap:14px;align-items:center;padding:9px 14px}#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;width:8px;height:2px;background:#fff;box-shadow:0 0 5px #000}#crosshair i:nth-child(1){left:0;top:16px}#crosshair i:nth-child(2){right:0;top:16px}#crosshair i:nth-child(3){left:16px;top:0;width:2px;height:8px}#crosshair i:nth-child(4){left:16px;bottom:0;width:2px;height:8px}#hitMarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);font-size:42px;opacity:0;color:#fff}.hit{animation:hit .14s ease-out}@keyframes hit{20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}#healthHud{position:absolute;left:20px;bottom:20px;width:230px;padding:12px}.bar{height:6px;background:#1b2a35;border-radius:99px;overflow:hidden;margin:6px 0}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5ee3a5,#c9ff7c);transition:width .18s}.bar.armor i{background:linear-gradient(90deg,#549dff,#8ee5ff)}#hpValue{font-size:26px}#weaponHud{position:absolute;right:20px;bottom:20px;padding:13px 16px;text-align:right}#weaponHud>div b:first-child{font-size:48px}#weaponHud>div span{color:var(--muted)}#weaponHud em{display:block;color:var(--accent);font-size:11px;min-height:13px}#xpHud{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 12px;width:min(270px,40vw)}#xpHud .bar{margin-bottom:0}#killFeed{position:absolute;right:18px;top:72px;width:min(300px,42vw)}.feed{padding:8px 10px;margin:5px 0;background:#071018d9;border-left:3px solid var(--accent);font-size:12px;animation:feed .2s ease-out}@keyframes feed{from{transform:translateX(15px);opacity:0}to{transform:none;opacity:1}}#minimap{position:absolute;left:18px;top:70px;width:120px;height:120px;border-radius:50%;border:1px solid #3a5260;background:#081017b8}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;text-align:center;background:#020508bb}.overlay.hidden,.modal.hidden{display:none}.pause-card{padding:30px;min-width:280px;border-radius:18px;background:#0c1720;border:1px solid #2c4654}.pause-card button{display:block;width:100%;margin-top:8px}.danger-text{color:var(--danger)}#touchControls{display:none}.modal{position:absolute;inset:0;z-index:50;background:#020508b8;display:grid;place-items:center}.modal-card{width:min(92vw,440px);padding:22px;background:#0c1720;border:1px solid #2d4350;border-radius:18px}.modal-card .row{justify-content:flex-end}#toast{position:absolute;left:50%;bottom:35px;z-index:60;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#0d1821;border:1px solid #3a5260;padding:12px 18px;border-radius:12px;transition:.2s}.show-toast{opacity:1!important;transform:translate(-50%,0)!important}
@media(max-width:800px){.topbar{padding:10px 12px}.brand{font-size:16px}.mini-logo{width:28px;height:28px}.profile-card{font-size:11px;padding:8px}.lobby-main{inset:58px 0 0}.nav{position:absolute;left:0;right:0;bottom:0;width:auto;z-index:10;flex-direction:row;overflow:auto;padding:8px;background:#071018ee}.nav-btn{min-width:54px;padding:10px;text-align:center}.nav-btn span{display:none}.content{padding:12px 12px 90px}.card{padding:17px}.grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 56px repeat(2,auto);font-size:11px}.user-row button:nth-of-type(3),.user-row button:nth-of-type(4){grid-column:auto}.room-list{grid-template-columns:1fr}.match-card{width:min(92vw,520px);padding:22px}#topHud{top:9px}.match-mode{display:none}#minimap{top:12px;left:12px;width:92px;height:92px}#healthHud{left:12px;bottom:150px;width:170px}#weaponHud{right:12px;bottom:145px}#weaponHud>div b:first-child{font-size:38px}#xpHud{bottom:110px;width:46vw}.hud-panel,#weaponHud,#xpHud{backdrop-filter:none}#touchControls{display:block;pointer-events:auto}#joystick{position:absolute;left:18px;bottom:20px;width:118px;height:118px;border:2px solid #55727f;border-radius:50%;background:#07101888;touch-action:none}#joystick i{position:absolute;left:38px;top:38px;width:38px;height:38px;border-radius:50%;background:#4fe0b599}#lookZone{position:absolute;left:42%;right:0;top:0;bottom:0;touch-action:none}#fireTouch,#adsTouch,#reloadTouch,#jumpTouch{position:absolute;border-radius:50%;width:66px;height:66px;padding:0;background:#132934e8;color:#fff;border-color:#45606d}#fireTouch{right:16px;bottom:24px}#adsTouch{right:91px;bottom:50px}#reloadTouch{right:20px;bottom:102px;width:52px;height:52px}#jumpTouch{right:80px;bottom:119px;width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}