*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{position:relative;width:100vw;height:100vh}.hud{position:absolute;top:18px;left:18px;width:min(430px,calc(100vw - 36px));color:#f8fafc;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}.hud--compact{width:min(260px,calc(100vw - 36px));padding:11px 12px;border:1px solid rgba(226,232,240,.18);border-radius:8px;background:#0f172abd;box-shadow:0 14px 34px #00000040}.hud__compact-head{display:flex;align-items:center;justify-content:space-between;color:#f8fafc;font-size:14px}.hud__compact-head span{color:#bfdbfe;font-size:12px}.hud__top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.hud__title{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:0}.hud__stat{font-size:13px;color:#dbeafe}.hud__badge{display:grid;min-width:76px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0f172ab8;font-weight:800}.hud__bar{height:16px;margin-top:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0f172aa8}.hud__bar--compact{height:10px;margin-top:8px}.hud__bar-fill{height:100%;transition:width .12s ease-out}.hud__bar-fill--hp{background:linear-gradient(90deg,#22c55e,#84cc16)}.hud__bar-fill--xp{background:linear-gradient(90deg,#38bdf8,#facc15)}.hud__bar-fill--armor{background:linear-gradient(90deg,#60a5fa,#e2e8f0)}.hud__line{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;color:#e0f2fe}.hud--compact .hud__line{margin-top:4px;font-size:12px}.hud__levels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;color:#f8fafc;font-size:12px;font-weight:800}.hud__levels span{border:1px solid rgba(226,232,240,.14);border-radius:7px;padding:5px 7px;background:#0f172a85}.hud__weapon{margin-top:8px;color:#fef3c7;font-size:12px}.hud__help{margin-top:12px;padding:9px 10px;border-left:3px solid #facc15;background:#0f172a94;border-radius:0 8px 8px 0;font-size:13px;line-height:1.45}.radar{position:absolute;right:18px;bottom:18px;width:148px;height:148px;border:1px solid rgba(226,232,240,.28);border-radius:8px;background:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),#0f172ab3;background-size:25% 25%;box-shadow:0 10px 28px #0000003d;pointer-events:none}.radar:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:10px;height:10px;border:1px solid rgba(248,250,252,.22);transform:translate(-50%,-50%)}.radar__dot{position:absolute;width:7px;height:7px;border-radius:999px;transform:translate(-50%,-50%)}.radar__dot--player{width:9px;height:9px;background:#facc15}.radar__dot--enemy{background:#ef4444}.radar__dot--remote{background:#60a5fa}.radar__dot--scrap{width:4px;height:4px;background:#cbd5e1}.radar__dot--bonus{width:6px;height:6px;border:1px solid #0f172a}.radar__dot--bonus-repair{background:#22c55e}.radar__dot--bonus-speed{background:#38bdf8}.radar__dot--bonus-armor{background:#93c5fd}.radar__dot--bonus-weapon{background:#facc15}.radar__dot--bonus-damage{background:#f97316}.radar__dot--bonus-fireRate{background:#fb7185}.radar__dot--bonus-autoTurret{background:#c084fc}.radar__dot--bonus-heavyCannon{background:#dc2626}.nickname,.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f8fafc;background:#0f172ac2}.nickname{z-index:10;background:radial-gradient(circle at 28% 24%,rgba(56,189,248,.2),transparent 30%),radial-gradient(circle at 72% 65%,rgba(250,204,21,.18),transparent 28%),linear-gradient(145deg,#080d19f2,#111827e6)}.nickname__panel,.game-over__panel{width:min(760px,calc(100vw - 32px));padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0f172ae6;box-shadow:0 24px 80px #0000006b}.nickname h1,.game-over h1{margin:0 0 4px;font-size:34px}.nickname__hero{display:flex;gap:14px;align-items:center;text-align:left}.nickname__mark{display:grid;width:58px;height:58px;place-items:center;border-radius:8px;color:#0f172a;background:#facc15;font-weight:900}.nickname__subtitle{margin:0;color:#cbd5e1;font-size:14px;line-height:1.45}.nickname__body{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(260px,1.15fr);gap:22px;margin-top:22px}.nickname__preview{position:relative;min-height:235px;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(145deg,#1e293be6,#0f172aeb);background-size:32px 32px,32px 32px,auto}.nickname__tank{position:absolute;left:50%;top:48%;width:126px;height:86px;border-radius:8px;background:var(--tank-color);box-shadow:inset 0 12px #ffffff2e,0 18px 34px #00000059;transform:translate(-50%,-50%) perspective(420px) rotateX(52deg) rotate(-24deg)}.nickname__tank:before,.nickname__tank:after{content:"";position:absolute;top:12px;width:18px;height:62px;border-radius:6px;background:#111827}.nickname__tank:before{left:-18px}.nickname__tank:after{right:-18px}.nickname__tank span{position:absolute;left:42px;top:24px;width:84px;height:18px;border-radius:999px;background:#e2e8f0}.nickname__tank--vanguard{box-shadow:inset 0 12px #ffffff2e,inset 0 -8px #facc1552,0 18px 34px #00000059}.nickname__tank--raider{border:2px solid #fecdd3}.nickname__tank--sentinel span{background:#bfdbfe}.nickname__preview-label{position:absolute;left:14px;bottom:14px;color:#e2e8f0;font-size:13px}.nickname__settings{text-align:left}.nickname label{display:block;margin:0 0 8px;text-align:left;font-size:13px;color:#bfdbfe}.nickname label:not(:first-child){margin-top:16px}.nickname input{width:100%;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0 12px;color:#f8fafc;background:#0f172ad9;outline:none}.nickname input:focus{border-color:#facc15}.nickname__colors{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.nickname__swatch{width:100%;aspect-ratio:1;margin:0;border:2px solid rgba(255,255,255,.16);border-radius:8px;cursor:pointer}.nickname__swatch--active{border-color:#f8fafc;box-shadow:0 0 0 2px #facc15d9}.nickname__skins{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.nickname__skin{display:flex;min-height:40px;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.22);border-radius:8px;color:#e2e8f0;background:#0f172aad;cursor:pointer}.nickname__skin span{width:18px;height:18px;border-radius:5px;border:1px solid rgba(15,23,42,.45)}.nickname__skin--active{border-color:#facc15;background:#facc1521}.nickname__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.nickname__meta span{padding:7px 9px;border:1px solid rgba(148,163,184,.22);border-radius:8px;color:#dbeafe;background:#0f172ab3;font-size:12px}.nickname__panel>button[type=submit],.game-over button{width:100%;margin-top:18px;padding:10px 16px;border:0;border-radius:8px;color:#0f172a;background:#facc15;cursor:pointer;font-weight:800}@media(max-width:720px){.nickname__body{grid-template-columns:1fr}.nickname__preview{min-height:160px}}.admin{min-height:100vh;overflow:auto;color:#e5edf7;background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),#0f172a;background-size:34px 34px;padding:24px}.admin__panel{width:min(1180px,100%);margin:0 auto}.admin__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin__eyebrow{margin:0 0 4px;color:#facc15;font-size:13px;font-weight:800}.admin h1,.admin h2{margin:0}.admin h1{font-size:30px}.admin h2{margin-bottom:12px;font-size:18px}.admin__actions{display:flex;gap:10px}.admin__actions button,.admin__link{border:1px solid rgba(226,232,240,.18);border-radius:8px;padding:9px 12px;color:#0f172a;background:#facc15;cursor:pointer;font-weight:800;text-decoration:none}.admin__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:18px}.admin__field,.admin__table-wrap{border:1px solid rgba(226,232,240,.14);border-radius:8px;background:#0f172adb;box-shadow:0 12px 30px #00000038}.admin__field{display:grid;gap:8px;padding:12px}.admin__field span{color:#bfdbfe;font-size:13px}.admin input{width:100%;height:36px;border:1px solid rgba(226,232,240,.18);border-radius:7px;padding:0 9px;color:#f8fafc;background:#020617b8}.admin__table-wrap{margin-top:18px;padding:14px;overflow-x:auto}.admin__table{width:100%;border-collapse:collapse;min-width:520px}.admin__table th,.admin__table td{border-top:1px solid rgba(226,232,240,.1);padding:8px;text-align:left}.admin__table thead th{border-top:0;color:#fef3c7;font-size:13px}.admin__table tbody th{width:90px;color:#bfdbfe;font-weight:700}.nickname__panel--start{width:min(680px,calc(100vw - 32px))}.nickname__hero--center{justify-content:center;text-align:center}.nickname__hero--center h1{margin:0}.nickname__body--simple{grid-template-columns:minmax(190px,.9fr) minmax(280px,1.1fr)}.nickname__colors--wide{grid-template-columns:repeat(9,minmax(32px,1fr))}.nickname__colors--wide .nickname__swatch{min-width:32px;min-height:32px}@media(max-width:720px){.nickname__body--simple{grid-template-columns:1fr}.nickname__colors--wide{grid-template-columns:repeat(6,minmax(34px,1fr))}}.admin{height:100vh;min-height:0;overflow-y:auto;padding-bottom:56px}.admin__header--sticky{position:sticky;top:0;z-index:5;padding:14px 0 16px;background:linear-gradient(180deg,#0f172a,#0f172af0 82%,#0f172a00);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin__lead{max-width:680px;margin:8px 0 0;color:#cbd5e1;font-size:14px;line-height:1.5}.admin__status{margin:0 0 14px;border:1px solid rgba(96,165,250,.26);border-radius:8px;padding:10px 12px;color:#dbeafe;background:#1e293bc2;font-size:13px}.admin__status--error{border-color:#f871716b;color:#fecaca;background:#7f1d1d59}.admin__session{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid rgba(250,204,21,.24);border-radius:8px;padding:14px;background:#0f172ae0;box-shadow:0 12px 30px #00000038}.admin__session div{display:grid;gap:5px}.admin__session-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end}.admin__session span{color:#bfdbfe;font-size:13px;font-weight:800}.admin__session strong{color:#fef3c7;font-size:28px;line-height:1}.admin__session small{color:#94a3b8;font-size:12px}.admin__session-error{color:#fecaca!important}.admin__button--danger{color:#fef2f2!important;background:#dc2626!important}.admin__actions{flex-wrap:wrap;justify-content:flex-end}.admin__actions button:disabled{cursor:progress;opacity:.62}.admin__button--primary{background:#22c55e!important}.admin__field small,.admin__table-wrap p{color:#94a3b8;font-size:12px;line-height:1.45}.admin__field small{min-height:34px}.admin__table-wrap p{margin:-4px 0 12px}.admin__table td:last-child{color:#cbd5e1;font-size:13px;line-height:1.4}@media(max-width:760px){.admin{padding:14px 14px 42px}.admin__header{align-items:flex-start;flex-direction:column}.admin__actions{justify-content:flex-start}}.nickname__control-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nickname__mode{min-height:40px;border:1px solid rgba(148,163,184,.24);border-radius:8px;color:#dbeafe;background:#0f172ab8;cursor:pointer;font-weight:800}.nickname__mode--active{border-color:#facc15;color:#0f172a;background:#facc15}.mobile-controls{display:none}@media(max-width:760px),(pointer:coarse){html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.app canvas{touch-action:none}.hud--compact{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:min(220px,calc(100vw - 126px));padding:8px 9px;background:#0f172a9e}.hud__compact-head{font-size:12px}.hud__compact-head span,.hud--compact .hud__line,.hud__levels,.hud__weapon{font-size:10px}.hud__levels{gap:5px;margin-top:6px}.hud__levels span{padding:4px 5px}.hud__bar--compact{height:8px;margin-top:6px}.radar{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));bottom:auto;width:96px;height:96px;opacity:.82}.nickname{align-items:start;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom));touch-action:pan-y}.nickname__panel,.nickname__panel--start{width:min(100%,520px);padding:16px}.nickname__hero--center{gap:10px}.nickname h1,.game-over h1{font-size:25px}.nickname__mark{width:46px;height:46px}.nickname__body,.nickname__body--simple{grid-template-columns:1fr;gap:14px;margin-top:16px}.nickname__preview{min-height:132px}.nickname__tank{width:94px;height:64px}.nickname__tank:before,.nickname__tank:after{top:9px;width:14px;height:46px}.nickname__tank:before{left:-14px}.nickname__tank:after{right:-14px}.nickname__tank span{left:32px;top:18px;width:62px;height:14px}.nickname__colors--wide{grid-template-columns:repeat(6,minmax(34px,1fr))}.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:block;pointer-events:none;touch-action:none}.mobile-controls__settings{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;width:min(260px,calc(100vw - 154px));overflow:hidden;border:1px solid rgba(226,232,240,.18);border-radius:8px;background:#0f172a8f;pointer-events:auto;transform:translate(-50%)}.mobile-controls__mode{min-height:38px;border:0;color:#dbeafe;background:transparent;font-size:11px;font-weight:800}.mobile-controls__mode--active{color:#0f172a;background:#facc15}.mobile-controls__move-zone,.mobile-controls__aim-zone{position:absolute;top:18%;bottom:74px;pointer-events:auto;touch-action:none}.mobile-controls__move-zone{left:0;width:45%}.mobile-controls__aim-zone{right:0;width:55%}.mobile-controls__stick{position:fixed;width:116px;height:116px;border:1px solid rgba(226,232,240,.25);border-radius:999px;background:#0f172a47;box-shadow:inset 0 0 22px #60a5fa2e;pointer-events:none;transform:translate(-50%,-50%)}.mobile-controls__knob{position:fixed;width:48px;height:48px;border:1px solid rgba(248,250,252,.4);border-radius:999px;background:#facc15db;box-shadow:0 10px 22px #00000047;pointer-events:none;transform:translate(-50%,-50%)}.mobile-controls__heavy{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 84px));width:54px;height:54px;border:1px solid rgba(254,202,202,.48);border-radius:999px;color:#fef2f2;background:#dc2626d1;box-shadow:0 14px 28px #0000004d;font-weight:900;pointer-events:auto;touch-action:none}}.game-over{z-index:12}.orientation-lock{display:none}@media(orientation:portrait)and (pointer:coarse){.orientation-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;color:#f8fafc;background:linear-gradient(145deg,#080d19f5,#0f172af0);text-align:center}.orientation-lock__panel{display:grid;gap:10px;max-width:320px;padding:22px;border:1px solid rgba(226,232,240,.18);border-radius:10px;background:#0f172ac7;box-shadow:0 24px 70px #0006}.orientation-lock__panel strong{font-size:20px}.orientation-lock__panel span{color:#cbd5e1;font-size:14px;line-height:1.45}}@media(max-width:760px),(pointer:coarse){.mobile-controls__stick--aim{border-color:#38bdf86b;box-shadow:inset 0 0 22px #38bdf838}.mobile-controls__knob--aim{background:#38bdf8e0}}