@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Exo+2:wght@500;700&display=swap";:root{font-family:Barlow Condensed,sans-serif;color-scheme:light;--panel-bg: rgba(7, 31, 44, .76);--panel-border: rgba(137, 199, 216, .42);--panel-shadow: 0 18px 45px rgba(0, 0, 0, .33);--text-main: #f4fbff;--text-muted: #b9d7e5;--accent: #f59e43;--accent-strong: #ff6b2d;--surface: rgba(8, 25, 37, .64)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 20% 20%,#84cee5,#468fb0 45%,#24556e)}.game-root{position:relative;width:100%;height:100%}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay-layer{position:absolute;inset:0;pointer-events:none}.loading-screen{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:28px;background:linear-gradient(to top,#000000bf 4%,#0000001a 56%),url(/loading-screen-bg.jpg) center / cover no-repeat}.loading-screen.mobile-notice{align-items:center;padding:20px;background:linear-gradient(to top,#000000d1 8%,#0000004d 62%),url(/loading-screen-bg.jpg) center / cover no-repeat}.loading-screen__panel{width:min(92vw,760px);background:#050e16d6;border:1px solid rgba(137,199,216,.4);border-radius:14px;padding:16px 18px 18px;box-shadow:0 16px 32px #00000073}.loading-screen.mobile-notice .loading-screen__panel{width:min(92vw,540px);text-align:center}.loading-screen.mobile-notice .loading-screen__text{margin-top:10px;font-size:1.2rem}.loading-screen__title{margin:0;font-size:clamp(1.4rem,4vw,2.1rem);font-family:"Exo 2",sans-serif;letter-spacing:.04em;color:#f5f7fb}.loading-screen__text{margin:4px 0 10px;font-size:1.02rem;color:#d8e9f2}.loading-form-screen{margin-top:14px}.loading-form-screen .subtitle{margin:0 0 12px;color:#d8e9f2}.loading-form-screen h2{margin:0 0 8px;font-family:"Exo 2",sans-serif;font-size:clamp(1.4rem,3.2vw,2rem);color:var(--text-main)}.loading-screen__bar{width:100%;height:12px;border-radius:999px;background:#05141ff2;border:1px solid rgba(116,184,208,.44);overflow:hidden}.loading-screen__bar-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff66d1,#77f0ff);box-shadow:0 0 12px #77f0ffcc;transition:width .12s linear}.loading-leaderboard{width:min(38vw,430px);padding:12px;border:1px solid rgba(136,209,236,.72);border-radius:14px;background:linear-gradient(160deg,#030d17f7,#06131ff2);box-shadow:0 16px 36px #0000008a,inset 0 0 0 1px #68c8e438;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.loading-leaderboard--floating{position:absolute;right:24px;bottom:24px;z-index:55}.loading-leaderboard__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.loading-leaderboard__head h3{margin:0;font-family:"Exo 2",sans-serif;font-size:1.12rem;color:#f7fcff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.5)}.loading-leaderboard__head span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#dff4ff;padding:3px 8px;border-radius:999px;border:1px solid rgba(133,202,225,.5);background:#12364980}.loading-leaderboard__head span[data-state=live]{color:#e5ffd8;border-color:#9ee876a6;background:#42762273}.loading-leaderboard__head span[data-state=offline]{color:#ffd5d5;border-color:#ff7070a6;background:#7d272780}.loading-leaderboard__head span[data-state=syncing]{color:#ffe9bb;border-color:#fabb53a6;background:#61431585}.loading-leaderboard__head span[data-state=empty]{color:#d6ecf7;border-color:#81bcd373;background:#16354580}.loading-leaderboard__table-wrap{max-height:208px;overflow:auto;border:1px solid rgba(151,212,234,.46);border-radius:8px;background:#020a12e6}.loading-leaderboard thead{background:#0f3148fa}.loading-leaderboard th,.loading-leaderboard td{padding:9px 10px;font-size:1rem;color:#eefaff;border-bottom:1px solid rgba(107,171,197,.26);text-shadow:0 1px 6px rgba(0,0,0,.4)}.loading-leaderboard th{color:#c7ebff;text-transform:uppercase;letter-spacing:.075em;font-size:.79rem;font-weight:700}.loading-leaderboard tbody tr{background:#081e2cb8}.loading-leaderboard tbody tr:nth-child(2n){background:#0a2638d1}.loading-leaderboard tbody td{font-weight:600}.loading-leaderboard tbody td:nth-child(2){max-width:138px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-leaderboard tbody tr.rank-1 td:first-child{color:#ffd778;font-weight:700}.loading-leaderboard tbody tr.rank-2 td:first-child{color:#c5dcff;font-weight:700}.loading-leaderboard tbody tr.rank-3 td:first-child{color:#ffc79e;font-weight:700}.loading-screen.mobile-notice .loading-leaderboard{display:none}.panel,.hud,.pointer-prompt,.crosshair,.scope-overlay{pointer-events:auto}.hidden{display:none!important}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,760px);background:linear-gradient(165deg,var(--panel-bg),rgba(7,21,33,.9));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:18px;padding:26px 30px;color:var(--text-main);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h1,.panel h2{margin:0 0 8px;font-family:"Exo 2",sans-serif;font-weight:700;letter-spacing:.03em}.panel h1{font-size:clamp(2rem,5vw,3.15rem)}.panel h2{font-size:clamp(1.7rem,4vw,2.45rem)}.subtitle{margin:0 0 18px;color:var(--text-muted);font-size:1.15rem}label{display:block;font-size:1.04rem;margin-bottom:8px;color:var(--text-muted)}input{width:100%;border:1px solid rgba(161,203,220,.45);border-radius:11px;background:#061521c7;color:var(--text-main);font-size:1.15rem;padding:12px 14px;margin-bottom:16px}button{border:none;border-radius:11px;padding:12px 16px;font:700 1.05rem "Exo 2",sans-serif;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}button:hover{transform:translateY(-1px);filter:brightness(1.05)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55;transform:none;filter:none}.primary{color:#1d1f24;background:linear-gradient(140deg,var(--accent),#ffd47f);box-shadow:0 8px 18px #f59e4366}.secondary{color:var(--text-main);background:#214358e6;border:1px solid rgba(152,198,218,.4)}.weapon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.weapon-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:128px;text-align:left;color:var(--text-main);background:linear-gradient(155deg,#11394edb,#081c2aeb);border:1px solid rgba(124,186,207,.5);box-shadow:0 8px 18px #06162373}.weapon-name{font-size:1.18rem;font-weight:700;font-family:"Exo 2",sans-serif}.weapon-meta{font-size:1rem;color:var(--text-muted)}.hud{position:absolute;left:20px;top:16px;width:min(780px,calc(100% - 40px));color:var(--text-main);background:linear-gradient(135deg,#091d2cd1,#06141fbd);border:1px solid rgba(132,191,212,.32);border-radius:14px;padding:12px 14px;box-shadow:0 10px 28px #00000059}.hud-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hud-item{background:var(--surface);border:1px solid rgba(142,192,210,.25);border-radius:10px;padding:6px 8px}.hud-item span{display:block;color:var(--text-muted);font-size:.88rem;letter-spacing:.08em}.hud-item strong{display:block;font-size:1.28rem;font-family:"Exo 2",sans-serif}.hud-status{margin-top:8px;font-size:1.02rem}.hud-controls{margin-top:4px;color:var(--text-muted);font-size:.95rem}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,244,214,.95);border-radius:50%;box-shadow:0 0 14px #ffe295b3;pointer-events:none}.scope-overlay{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .14s ease}.scope-overlay.visible{opacity:1}.scope-overlay:before{content:"";position:absolute;left:50%;top:50%;width:min(72vh,72vw);height:min(72vh,72vw);transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(229,248,255,.84);box-shadow:0 0 0 150vmax #04090ea8}.scope-overlay:after{content:"";position:absolute;left:50%;top:50%;width:min(72vh,72vw);height:1px;transform:translate(-50%,-50%);background:#e7f7ffcc;box-shadow:0 0 0 1px #00000059}.pointer-prompt{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#06141fd6;color:var(--text-main);border:1px solid rgba(134,191,211,.4);border-radius:999px;padding:8px 14px;font-size:1rem;opacity:0;transition:opacity .14s ease}.pointer-prompt.visible{opacity:1}.score-line{margin:2px 0 4px;font-size:2.2rem;font-family:"Exo 2",sans-serif;color:#ffd89a}.stat-line,.rank-line{margin:2px 0;color:var(--text-muted);font-size:1.05rem}.leaderboard-wrap{margin-top:14px;max-height:min(40vh,300px);overflow:auto;border:1px solid rgba(130,188,210,.3);border-radius:12px;background:#05131fa6}table{width:100%;border-collapse:collapse}thead{position:sticky;top:0;background:#0b2536f0;z-index:1}th,td{text-align:left;padding:9px 10px;font-size:.98rem;border-bottom:1px solid rgba(126,184,206,.16)}tbody tr.highlight{background:#f59e4338}.end-actions{display:flex;gap:10px;margin-top:16px}@media(max-width:820px){.panel{width:min(94vw,680px);padding:20px}.hud{left:10px;right:10px;width:auto}.hud-row{grid-template-columns:repeat(2,minmax(0,1fr))}.end-actions{flex-direction:column}}@media(max-width:1100px){.loading-leaderboard--floating{position:static;right:auto;bottom:auto;margin-top:12px;width:min(92vw,760px)}}