:root{font-family:Arial Narrow,Segoe UI,Arial,sans-serif;color:#eef2f4;background:#07090c;font-synthesis:none;--red: #ff2929;--red-dark: #7a1518;--panel: rgba(13, 17, 21, .88);--line: rgba(255, 255, 255, .13);--muted: #87919a;user-select:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#07090c}button,input{font:inherit}button{color:#eef2f4;cursor:pointer}button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.screen{position:relative;width:100%;height:100%;height:100svh;height:100dvh;min-width:0;min-height:320px;padding:max(22px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;background:linear-gradient(110deg,#020305fa 10%,#07090cc7 52%,#20050780),repeating-linear-gradient(90deg,transparent 0 94px,rgba(255,255,255,.025) 95px 96px),#080b0e}.menu-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050709f0,#050709ba 45%,#0507096b),url(../brand/chyzhmen-banner.png) center/cover no-repeat;opacity:.76}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px);mix-blend-mode:screen}.menu-screen{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);grid-template-rows:1fr auto;align-items:center;gap:clamp(18px,5vw,84px)}.menu-atmosphere{position:absolute;width:48vw;height:48vw;right:8vw;top:-18vw;border:1px solid rgba(255,45,45,.22);transform:rotate(34deg);box-shadow:0 0 120px #ff19191f,inset 0 0 120px #ff19190f}.brand-lockup,.menu-actions,footer,.screen-header,.weapon-grid,.skin-grid,.settings-panel,.about-panel,.result-summary,.result-board,.auth-hero,.auth-panel{position:relative;z-index:1}.brand-index,.eyebrow{color:var(--red);font-size:clamp(10px,1vw,15px);letter-spacing:.24em;font-weight:700}.brand-lockup h1{margin:8px 0 0;font:900 clamp(46px,7vw,112px)/.82 Impact,"Arial Black",sans-serif;letter-spacing:-.045em;text-shadow:9px 8px 0 rgba(255,40,40,.12)}.brand-logo{display:block;width:clamp(72px,8vw,130px);aspect-ratio:1;margin:14px 0 10px;border:1px solid rgba(255,55,45,.5);border-radius:18%;box-shadow:0 0 36px #ff231e38}.brand-lockup h1 b{color:var(--red);font-weight:inherit}.brand-lockup p{margin:18px 0 0;max-width:min(540px,90vw);color:#89939c;font-weight:700;letter-spacing:.16em;font-size:clamp(10px,1vw,16px);overflow-wrap:anywhere}.tactical-panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(12px);box-shadow:20px 24px 60px #00000052}.menu-actions{max-width:470px;padding:clamp(16px,2vw,30px)}.menu-actions .eyebrow{display:block;margin-bottom:12px}.menu-actions button,.screen-header button,.settings-panel button,.result-actions button,.modal button,.online-panel button,.admin-panel button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:clamp(42px,6vh,64px);padding:0 18px;border:1px solid var(--line);border-left:3px solid #3c454d;background:#ffffff06;font-weight:700;letter-spacing:.08em;transition:.18s ease}.menu-actions button:hover,.screen-header button:hover,.settings-panel button:hover,.result-actions button:hover,.modal button:hover,.online-panel button:hover,.admin-panel button:hover{border-color:#ff31318c;background:#ff292917;transform:translate(3px)}.menu-actions button.primary,.result-actions button.primary,.modal button.primary,.online-panel button.primary,.admin-panel button.primary{border-left-color:var(--red);background:linear-gradient(90deg,rgba(255,41,41,.2),transparent)}.menu-actions button i{font-style:normal;font-size:11px;color:#69747d}.menu-actions button:disabled{opacity:.42;cursor:not-allowed}footer{position:relative;grid-column:1 / -1;display:flex;justify-content:space-between;gap:18px;min-width:0;color:#68727b;letter-spacing:.12em;font-size:11px}footer span,footer b{min-width:0;overflow-wrap:anywhere}footer b{color:#c4cbd0}.exit-hint{position:absolute;z-index:5;bottom:50px;left:50%;transform:translate(-50%);padding:10px 18px;background:#15191d;border:1px solid var(--red);font-weight:700;letter-spacing:.1em}.content-screen{display:flex;flex-direction:column;min-height:0;height:100svh;height:100dvh}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.screen-header h2,.result-summary h2,.modal h2{margin:0;font:900 clamp(34px,5vw,74px)/1 Impact,"Arial Black",sans-serif;letter-spacing:-.04em}.screen-header button{width:120px;min-height:42px;justify-content:center}.weapon-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;align-items:stretch;padding-block:16px}.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:14px 0 2px}.skin-card{min-height:120px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;text-align:left;border:1px solid rgba(255,255,255,.14);background:#ffffff09;color:#e8eef2}.skin-card:hover,.skin-card.selected{border-color:#ff29299e;background:#ff29291f}.skin-card img{width:88px;height:88px;object-fit:cover;background:#14191d;border:1px solid rgba(255,255,255,.12)}.skin-card span{font-weight:900;letter-spacing:0;overflow-wrap:anywhere}.mode-grid{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.mode-card{min-height:min(53vh,430px);padding:25px;text-align:left;border:1px solid var(--line);border-top:3px solid #46515a;background:linear-gradient(165deg,#1e252af5,#080a0cf5);color:#fff;clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,0 100%);transition:.2s ease}.mode-card:hover,.mode-card.selected{transform:translateY(-6px);border-color:var(--red);border-top-color:var(--red);background:linear-gradient(165deg,#4d1d1ff5,#080a0cf5)}.mode-card>span,.mode-card small{display:block;color:var(--red);font-weight:700;letter-spacing:.18em}.mode-card h3{margin:45px 0 14px;font:900 clamp(25px,3vw,48px)/.95 Impact,"Arial Black",sans-serif;letter-spacing:.02em}.mode-card p{min-height:90px;color:#aeb9c0;font-size:clamp(14px,1.4vw,21px);font-weight:600}.mode-card small{color:#8c989f}.mode-card b{display:block;margin-top:30px;color:var(--red);letter-spacing:.18em}.weapon-card{position:relative;min-height:285px;padding:20px;text-align:left;border:1px solid var(--line);background:linear-gradient(160deg,#151a1f,#090b0e 70%);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,0 100%);transition:.2s ease;color:#eef2f4}.weapon-card:hover,.weapon-card.selected{border-color:var(--red);background:linear-gradient(160deg,#20171a,#090b0e 70%);transform:translateY(-5px)}.weapon-card.locked{filter:saturate(.75)}.weapon-card>span,.weapon-card p{color:var(--muted);letter-spacing:.1em;font-weight:600}.weapon-card h3{position:relative;z-index:2;margin:12px 0 2px;font:900 clamp(20px,2.4vw,40px) Impact,"Arial Black",sans-serif;overflow-wrap:anywhere}.weapon-card>b{color:var(--red);letter-spacing:.14em}.weapon-card-footer{display:grid;grid-template-columns:1fr minmax(120px,auto);gap:10px;align-items:center;margin-top:12px}.weapon-card-footer small{color:#c5cdd2;font-weight:800;letter-spacing:.12em}.weapon-card-footer button{min-height:38px;border:1px solid var(--line);background:#ffffff09;color:#eef2f4;font-weight:800;letter-spacing:.1em}.training-equip{width:100%;min-height:36px;margin-top:8px;border:1px solid rgba(84,217,255,.3);background:#54d9ff0f;color:#cceffc;font-size:10px;font-weight:900;letter-spacing:.08em}.training-equip.active{border-color:#54d9ffbf;background:#54d9ff29;color:#fff}.weapon-card-footer button.active,.weapon-card-footer button:hover{border-color:#ff29298c;color:var(--red)}.weapon-card-footer button:disabled{opacity:.45;cursor:not-allowed}.shop-balance{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 0;padding:12px 18px;font-weight:900;letter-spacing:.14em}.shop-balance b{color:var(--red);font-size:24px}.weapon-preview-frame{position:relative;display:grid;place-items:center;height:clamp(118px,14vw,170px);margin:14px 0 10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 48% 46%,#6170783b,#040608d1 62%)}.weapon-preview-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 72%,rgba(255,41,41,.13) 72% 73%,transparent 73%);opacity:.65}.weapon-preview{position:relative;z-index:2;display:block;width:94%;height:92%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.weapon-preview+.gun-shape{display:none}.weapon-preview[src=""],.weapon-preview:not([src]){display:none}.weapon-preview[src=""]+.gun-shape,.weapon-preview:not([src])+.gun-shape{display:block}.gun-shape{width:min(82%,310px);height:105px;margin:45px 8px 32px;position:relative;border-radius:3px;background:#343b42;box-shadow:inset 0 0 0 2px #101317,12px 12px #0000002e}.gun-shape:after{content:"";position:absolute;width:30%;height:80%;top:74%;left:42%;transform:skew(-12deg);background:#262c31}.gun-shape i{position:absolute;display:block;background:var(--red);height:6px;width:60%;right:-18%;top:22px;box-shadow:0 0 15px #ff292980}.gun-shape i:nth-child(2){top:auto;bottom:18px;right:5%;width:25%}.gun-shape i:nth-child(3){width:13%;height:24px;left:8%;top:-15px;background:#22282d;box-shadow:none}.gun-shape.smg{width:70%;height:82px}.gun-shape.shotgun{height:75px}.gun-shape.pistol{width:52%;height:72px}.gun-shape.sniper{width:92%;height:64px}.gun-shape.heavy{width:88%;height:112px}.settings-panel,.about-panel{align-self:center;width:min(760px,80vw);margin:auto;padding:clamp(18px,3vw,42px)}.settings-panel label{display:grid;grid-template-columns:1fr 190px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.12em}.settings-panel button{min-height:38px;justify-content:center}.settings-panel button.active{color:var(--red);border-color:#ff292973}.settings-panel .danger{width:auto;margin-top:22px;color:#ff6b6b}.range-row input{accent-color:var(--red)}.sensitivity-setting{display:grid;grid-template-columns:1fr 250px;gap:8px 18px;align-items:center;min-height:82px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.12em}.sensitivity-setting>input{grid-column:1 / -1;width:100%;accent-color:var(--red)}.sensitivity-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sensitivity-presets button{min-width:0;padding:7px 5px;font-size:11px}.volume-setting{display:grid;grid-template-columns:1fr 250px;gap:12px;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.12em}.volume-setting input{width:100%;accent-color:var(--red)}.about-panel{display:grid;grid-template-columns:180px 1fr;gap:14px 28px;align-items:center}.about-mark{grid-row:span 3;font:900 74px/1 Impact,Arial Black;color:var(--red);border-right:1px solid var(--line)}.about-mark span{display:block;color:#fff;font-size:24px}.about-panel p{font-size:clamp(18px,2vw,28px);margin:0;font-weight:600}.about-panel small{color:var(--muted);letter-spacing:.08em}.game-screen,.game-canvas,.hud,.touch-controls{position:absolute;inset:0;width:100%;height:100%}.game-screen{width:100vw;height:100vh;height:100svh;height:100dvh;background:#05070a;overflow:hidden;overscroll-behavior:none;touch-action:none}.game-canvas{display:block}.hud{pointer-events:none;z-index:2;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));text-shadow:2px 2px 2px #000}.hud-top-left{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));width:clamp(180px,20vw,330px)}.hud-kicker{color:var(--red);font-size:clamp(9px,.9vw,13px);letter-spacing:.2em;font-weight:700}.hp-line{display:flex;align-items:baseline;gap:10px;font-weight:700}.hp-line strong{font:900 clamp(28px,3vw,46px) Impact,"Arial Black"}.hp-track{height:6px;background:#ffffff26;transform:skew(-18deg);overflow:hidden}.hp-track i{display:block;height:100%;background:var(--red);box-shadow:0 0 10px var(--red);transition:width .15s}.score-inline{margin-top:6px;font-size:clamp(10px,1vw,14px);color:#bcc4ca;letter-spacing:.1em}.hud-timer{position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);text-align:center;font:900 clamp(24px,3vw,44px)/1 Impact,"Arial Black"}.hud-timer span{display:block;font:700 9px Arial Narrow,Arial;color:var(--red);letter-spacing:.25em}.kill-feed{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));text-align:right;color:#e7ecef;font-size:clamp(10px,1.2vw,17px);font-weight:700}.kill-feed div{border-right:2px solid var(--red);padding-right:8px;margin-bottom:4px}.mini-scoreboard{position:absolute;right:max(18px,env(safe-area-inset-right));top:24%;width:clamp(130px,14vw,220px);color:#aeb7be;font-size:clamp(9px,.95vw,14px)}.mini-scoreboard div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:3px 5px}.mini-scoreboard .is-player{color:#fff;border-left:2px solid var(--red);background:#ff22221f}.weapon-hud{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));text-align:right}.weapon-hud span{display:block;color:var(--red);letter-spacing:.15em;font-weight:700}.weapon-hud strong{font:900 clamp(24px,3vw,46px) Impact,"Arial Black"}.boost-hud{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);padding:5px 14px;border:1px solid rgba(96,211,255,.48);background:#0412198c;color:#8de3ff;font-weight:700;letter-spacing:.16em}.crosshair{position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%)}.crosshair:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 3px #000}.crosshair i{position:absolute;background:#ffffffeb;box-shadow:0 0 2px #000,0 0 5px #000000d9;transition:.08s}.crosshair i:first-child{width:20px;height:2px;top:12px;left:2px}.crosshair i:last-child{width:2px;height:20px;top:2px;left:12px}.crosshair.hit i{background:var(--red);transform:rotate(45deg)}.combat-notice{position:absolute;left:50%;top:62%;transform:translate(-50%);padding:5px 18px;border-bottom:2px solid var(--red);background:#00000059;font-weight:700;letter-spacing:.18em;color:#fff}.enemy-qa-panel{position:absolute;z-index:40;left:10px;bottom:10px;width:min(460px,55vw);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;border:1px solid #54d9ff;background:#000000e0;font-size:9px}.enemy-qa-panel b,.enemy-qa-panel span{grid-column:1 / -1}.enemy-qa-panel span{max-height:48px;overflow:auto;color:#bdefff;user-select:text}.enemy-qa-panel button{min-height:30px;border:1px solid rgba(84,217,255,.45);background:#111a20;color:#fff;font-size:9px;font-weight:800}.damage-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at center,transparent 0 68%,rgba(255,0,0,.18) 100%);transition:opacity .08s}.damage-flash.active{opacity:.48}.death-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1900027a}.death-overlay b{font:900 clamp(28px,5vw,76px) Impact,"Arial Black";color:var(--red)}.death-overlay span{letter-spacing:.25em;font-weight:700}.pause-trigger{position:absolute;z-index:4;left:50%;top:max(68px,calc(env(safe-area-inset-top) + 58px));transform:translate(-50%);border:1px solid rgba(255,255,255,.2);background:#00000040;color:#fff;width:38px;height:27px;font-weight:700}.fullscreen-trigger{display:none;position:absolute;z-index:5;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));min-width:96px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.3);background:#05080ab8;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em}.modal-backdrop{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#020304c2;backdrop-filter:blur(7px)}.modal{width:min(390px,70vw);padding:28px}.modal h2{margin:4px 0 22px}.pause-sensitivity{display:grid;gap:7px;margin-bottom:14px;color:#cbd2d7;font-weight:700;letter-spacing:.12em}.pause-sensitivity input{width:100%;accent-color:var(--red)}.touch-controls{z-index:3;display:none;pointer-events:none}.look-zone{position:absolute;pointer-events:auto;inset:10% 0 0 45%;touch-action:none}.joystick{position:absolute;pointer-events:auto;left:max(24px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:clamp(108px,18vh,160px);height:clamp(108px,18vh,160px);border:2px solid rgba(255,255,255,.18);border-radius:50%;background:#0000003d}.joystick:before,.joystick:after{content:"";position:absolute;background:#ffffff14}.joystick:before{left:50%;width:1px;top:10%;bottom:10%}.joystick:after{top:50%;height:1px;left:10%;right:10%}.joystick i{position:absolute;width:42%;height:42%;left:29%;top:29%;border-radius:50%;background:#ffffff52;border:1px solid rgba(255,255,255,.4)}.touch-button{position:absolute;pointer-events:auto;touch-action:none;user-select:none;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:#0a0c0f8c;color:#fff;font-weight:700;font-size:clamp(9px,1.4vw,14px)}.touch-button:active{border-color:var(--red);background:#ff212140}.touch-button.fire{right:max(28px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:clamp(88px,15vh,132px);height:clamp(88px,15vh,132px);border:2px solid rgba(255,40,40,.58)}.touch-button.sprint{left:max(150px,23vh);bottom:max(20px,env(safe-area-inset-bottom));width:64px;height:64px}.touch-button.jump{right:max(148px,21vh);bottom:max(92px,14vh);width:58px;height:58px;border-color:#54d9ff8c}.touch-button.crouch{right:max(210px,31vh);bottom:max(25px,env(safe-area-inset-bottom));width:58px;height:58px;border-color:#ffc2478c}.touch-button.reload{right:max(140px,20vh);bottom:max(24px,env(safe-area-inset-bottom));width:58px;height:58px}.touch-button.swap{right:max(45px,env(safe-area-inset-right));bottom:max(128px,19vh);width:58px;height:58px}.online-layout,.admin-layout{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:center}.online-panel,.admin-panel{padding:clamp(16px,2vw,30px);min-height:310px}.online-panel h3{margin:10px 0 18px;font:900 clamp(34px,5vw,78px)/1 Impact,"Arial Black";color:var(--red);letter-spacing:.04em}.online-panel label,.admin-panel label{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--line);color:#cbd2d7;font-weight:700;letter-spacing:.1em}.online-panel input,.online-panel select,.admin-panel input,.admin-panel select,.admin-panel textarea{width:100%;min-width:0;min-height:38px;border:1px solid rgba(255,255,255,.16);background:#0000004d;color:#eef2f4;padding:0 12px;outline:none;letter-spacing:.06em}.admin-panel textarea{min-height:88px;padding:10px 12px;resize:vertical}.online-panel input:focus,.online-panel select:focus,.admin-panel input:focus,.admin-panel select:focus,.admin-panel textarea:focus{border-color:#ff2929a6}.online-panel button,.admin-panel button{margin-top:12px}.online-panel button:disabled,.admin-panel button:disabled{opacity:.45;cursor:not-allowed;transform:none}.online-panel button i,.admin-panel button i{font-style:normal;font-size:11px;color:#69747d}.deploy-online{margin-top:20px;min-height:58px}.online-status-line{display:flex;justify-content:space-between;gap:16px;margin-top:16px;color:#aeb9c0;letter-spacing:.12em;font-size:12px}.online-status-line b,.online-error{color:var(--red)}.online-error{margin:12px 0 0;font-weight:700;letter-spacing:.08em}.online-status-message{margin:12px 0 0;color:#c7d2d8;font-weight:700;letter-spacing:.05em}.online-connection-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.online-connection-actions button{min-width:0;padding:9px 7px;font-size:11px}.online-connection-actions .test-connection{grid-column:1 / -1}.online-meta{display:grid;grid-template-columns:92px 1fr;gap:8px 12px;color:#83909a;font-size:12px;letter-spacing:.1em}.online-meta b{color:#e9eef2;overflow-wrap:anywhere}.online-meta .online-version-trigger{width:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;color:#e9eef2;text-align:left;font:inherit;letter-spacing:inherit;overflow-wrap:anywhere;transform:none}.online-meta .online-version-trigger:hover{border:0;background:transparent;transform:none}.online-meta .online-version-hidden{color:transparent;width:28px;overflow:hidden}.online-player-list{margin-top:20px;display:grid;gap:8px}.online-player-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.11);background:#ffffff06}.online-player-list .is-local{border-left:3px solid var(--red);color:#fff}.online-player-list p{color:var(--muted);font-weight:700;letter-spacing:.08em}.online-debug-block{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 9px;max-height:190px;overflow:auto;margin-top:14px;padding:10px;border:1px solid rgba(141,227,255,.28);background:#00000047;font-size:10px}.online-debug-block>b{grid-column:1 / -1;color:#8de3ff;letter-spacing:.12em}.online-debug-block span{color:#7f8b94;letter-spacing:.06em}.online-debug-block code{color:#dbe5ea;white-space:normal;overflow-wrap:anywhere}.online-debug-details{margin-top:14px;border:1px solid rgba(141,227,255,.28);background:#0003}.online-debug-details summary{cursor:pointer;padding:9px 10px;color:#8de3ff;font-size:10px;font-weight:700;letter-spacing:.12em}.online-debug-details .online-debug-block{margin-top:0;border-width:1px 0 0}.online-match-panel{position:absolute;z-index:3;left:max(18px,env(safe-area-inset-left));top:max(104px,calc(env(safe-area-inset-top) + 92px));width:clamp(230px,28vw,430px);padding:10px 12px;border:1px solid rgba(84,217,255,.35);background:#040a0e8f;backdrop-filter:blur(8px);pointer-events:none;text-shadow:2px 2px 2px #000}.online-match-panel b,.online-match-panel span,.online-match-panel small,.online-match-panel em{display:block}.online-match-panel b{color:#8de3ff;letter-spacing:.16em}.online-match-panel span,.online-match-panel small{color:#c7d2d8;font-size:12px;letter-spacing:.08em;overflow-wrap:anywhere}.online-match-panel em{color:#ff6b6b;font-style:normal;font-size:12px;margin-top:4px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.admin-kpis div{border-left:2px solid var(--red);background:#ffffff09;padding:10px;min-width:0}.admin-kpis span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em}.admin-kpis b{display:block;overflow-wrap:anywhere;font-size:clamp(16px,1.8vw,26px)}.admin-room-list{display:grid;max-height:220px;overflow:auto;margin:12px 0;border:1px solid rgba(255,255,255,.11)}.admin-room-head,.admin-room-row{display:grid;grid-template-columns:80px 72px minmax(180px,1fr) 58px;gap:8px;align-items:center;padding:8px 10px}.admin-room-head{position:sticky;top:0;z-index:1;background:#15191d;color:var(--muted);font-size:10px;letter-spacing:.1em}.admin-room-row{border-top:1px solid rgba(255,255,255,.08);color:#cbd2d7;font-size:12px}.admin-room-row b{color:#fff;letter-spacing:.1em}.admin-room-list p{margin:0;padding:14px;color:var(--muted);font-size:12px;letter-spacing:.12em}.admin-checks{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-right:4px}.admin-checks div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.11);background:#ffffff06}.admin-checks div.ok{border-left:3px solid #50e37b}.admin-checks div.bad{border-left:3px solid var(--red)}.admin-checks span,.admin-checks p{color:#aeb9c0;margin:0;overflow-wrap:anywhere}.admin-errors{display:grid;gap:5px;margin-top:10px;color:#ff8b8b;font-size:12px}.install-done{color:#50e37b;font-weight:800;letter-spacing:.12em}.admin-update-panel{grid-column:1 / -1}.installer-layout{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:260px minmax(520px,1fr);gap:18px;min-height:0;padding-top:18px}.installer-steps,.installer-shell{min-height:0;padding:clamp(14px,1.7vw,24px)}.installer-steps{display:flex;flex-direction:column;gap:8px}.installer-steps button{display:flex;align-items:center;gap:10px;min-height:40px;border:1px solid rgba(255,255,255,.12);background:#ffffff06;color:#dce3e8;padding:0 10px;font-weight:800;letter-spacing:.08em}.installer-steps button.active{border-color:#ff2929b3;border-left:3px solid var(--red);background:#ff29291a}.installer-steps button span{color:var(--red);font-size:11px}.installer-steps label{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em}.installer-steps input,.installer-field input{width:100%;min-width:0;min-height:38px;border:1px solid rgba(255,255,255,.16);background:#0000004d;color:#eef2f4;padding:0 12px;outline:none}.installer-steps small{margin-top:auto;color:#69747d;letter-spacing:.08em}.installer-shell{display:flex;flex-direction:column;overflow:hidden}.installer-step{flex:1;min-height:0;overflow:auto;padding-right:4px}.installer-step h3{margin:5px 0 16px;font:900 clamp(30px,4vw,58px)/1 Impact,"Arial Black";letter-spacing:-.02em}.installer-note,.installer-warning{color:#aeb9c0;font-weight:700;line-height:1.45;letter-spacing:.05em}.installer-warning{color:#ff8b8b}.installer-field{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line);color:#cbd2d7;font-weight:800;letter-spacing:.09em}.installer-toggle{display:flex;align-items:center;gap:10px;min-height:34px;color:#cbd2d7;font-weight:800;letter-spacing:.08em}.installer-toggle input{accent-color:var(--red)}.installer-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.installer-actions button,.installer-nav button{min-height:40px;padding:0 16px;border:1px solid var(--line);border-left:3px solid #3c454d;background:#ffffff06;color:#eef2f4;font-weight:800;letter-spacing:.08em}.installer-actions button.primary,.installer-nav button.primary{border-left-color:var(--red);background:linear-gradient(90deg,rgba(255,41,41,.2),transparent)}.installer-actions button:disabled,.installer-nav button:disabled{opacity:.45;cursor:not-allowed}.installer-summary{display:grid;grid-template-columns:190px 1fr;gap:8px 12px;margin-top:16px;padding:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff06}.installer-summary b{color:var(--red);letter-spacing:.1em}.installer-summary span{color:#e8eef2;overflow-wrap:anywhere}.installer-checks{max-height:44vh}.installer-nav{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.result-screen{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}.result-summary h2{margin:8px 0 24px}.result-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-numbers div{border-left:2px solid var(--red);padding:8px 12px;background:#ffffff09}.result-numbers span{display:block;color:var(--muted);font-size:11px;letter-spacing:.15em}.result-numbers b{font:900 clamp(24px,4vw,58px) Impact,"Arial Black"}.result-actions{display:flex;gap:8px;margin-top:28px}.result-mode-stats{display:flex;gap:24px;margin-top:16px;color:var(--red);font-weight:700;letter-spacing:.14em}.result-reward{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;font-weight:800;letter-spacing:.12em}.result-reward b{color:var(--red)}.result-reward small{color:#c4ccd2}.result-actions button{max-width:200px}.result-board{padding:24px}.result-board>div{display:grid;grid-template-columns:1fr 70px 100px;padding:11px 8px;border-bottom:1px solid var(--line)}.result-board .is-player{color:var(--red);background:#ff282814}.result-board small{color:var(--muted)}.portrait-overlay{display:none;position:fixed;z-index:999;inset:0;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center;background:#080a0d}.portrait-overlay h2{margin:0;color:var(--red);font:900 32px Impact,Arial Black}.portrait-overlay p{font-size:20px;font-weight:700;letter-spacing:.08em}@media(hover:none),(pointer:coarse){.touch-controls{display:block}.mini-scoreboard{display:none}.fullscreen-trigger{display:block}}@media(max-height:560px){.menu-actions{padding:12px}.menu-actions button{min-height:34px;padding-inline:12px}.weapon-card{min-height:0;padding:13px}.mode-card{min-height:0;padding:15px}.mode-card h3{margin-top:18px}.mode-card p{min-height:52px}.gun-shape{margin:24px 8px 18px;height:68px}.screen-header h2{font-size:34px}.screen{padding-top:12px;padding-bottom:12px}.online-panel,.admin-panel{min-height:0;padding:12px}.online-panel h3{font-size:34px}.admin-checks{max-height:36vh}.admin-room-list{max-height:130px}.menu-screen{align-items:center;padding-bottom:max(14px,env(safe-area-inset-bottom))}.brand-lockup h1{font-size:clamp(40px,9vh,64px)}.brand-logo{width:58px;margin:7px 0 5px}.brand-lockup p{margin-top:9px}footer{margin-top:0}}@media(max-width:900px){.screen{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.menu-screen{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:28px}.weapon-grid,.skin-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.weapon-grid,.skin-grid,.mode-grid{gap:10px}.weapon-card{min-height:270px}.mode-card{min-height:360px}.weapon-card{padding:14px}.weapon-preview-frame{height:118px}.gun-shape{height:74px;margin:28px 5px 22px}.online-layout,.admin-layout{grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:10px;align-items:start;padding-block:12px}.online-panel label,.admin-panel label{grid-template-columns:105px minmax(0,1fr)}.admin-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.screen{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.menu-screen{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:start;gap:16px}.brand-logo{width:70px;margin:8px 0}.brand-lockup h1{font-size:clamp(52px,16vw,86px)}.brand-lockup p{font-size:11px}.menu-actions{max-width:none;width:100%}footer{flex-direction:column;gap:4px;font-size:10px}.screen-header{position:sticky;z-index:8;top:calc(-1*max(12px,env(safe-area-inset-top)));padding-top:max(12px,env(safe-area-inset-top));background:#07090cf5}.screen-header h2{font-size:clamp(30px,9vw,46px)}.screen-header button{width:92px}.online-layout,.admin-layout,.weapon-grid,.skin-grid,.mode-grid{grid-template-columns:1fr;align-items:stretch}.online-panel,.admin-panel,.weapon-card,.mode-card{min-height:0}.weapon-card,.mode-card{width:100%}.settings-panel,.about-panel{width:100%;margin-block:18px}.settings-panel label{grid-template-columns:1fr 132px}.sensitivity-setting,.volume-setting{grid-template-columns:1fr}.sensitivity-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.about-panel{grid-template-columns:1fr}.about-mark{grid-row:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.online-meta{grid-template-columns:76px minmax(0,1fr)}.result-screen{grid-template-columns:1fr;align-items:start;overflow-y:auto}.result-numbers{grid-template-columns:repeat(2,1fr)}.result-reward{grid-template-columns:1fr}.admin-room-list{overflow-x:auto}.admin-room-head,.admin-room-row{min-width:480px}}.auth-screen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,460px);align-items:center;gap:clamp(18px,5vw,76px);background:linear-gradient(90deg,#040608f5,#040608d1 42%,#19040699),url(../brand/chyzhmen-banner.png) center/cover no-repeat,#07090c}.auth-hero{min-width:0;display:grid;grid-template-columns:clamp(74px,11vw,132px) minmax(0,1fr);gap:clamp(14px,3vw,28px);align-items:center}.auth-logo{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,55,45,.55);border-radius:18%;box-shadow:0 0 44px #ff231e40}.auth-hero h1{margin:8px 0 0;font:900 clamp(42px,7vw,108px)/.84 Impact,"Arial Black",sans-serif;letter-spacing:0;text-shadow:9px 8px 0 rgba(255,40,40,.12)}.auth-hero h1 b{color:var(--red);font-weight:inherit}.auth-hero p{max-width:600px;margin:18px 0 0;color:#b7c0c7;font-weight:800;letter-spacing:.08em;line-height:1.45}.auth-panel{width:min(460px,100%);display:grid;gap:14px;padding:clamp(18px,2.4vw,28px);border-top:3px solid rgba(255,41,41,.7)}.auth-panel h2{margin:0;font:900 clamp(34px,4.4vw,56px)/.95 Impact,"Arial Black",sans-serif;letter-spacing:0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-tabs button,.auth-form button{min-width:0;min-height:46px;border:1px solid var(--line);background:#ffffff09;color:#dbe3e8;font-weight:900;letter-spacing:.08em}.auth-tabs button.active{border-color:#ff2929b8;background:linear-gradient(90deg,#ff292933,#ffffff0a);color:#fff}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:7px;color:#d8e0e6;font-size:13px;font-weight:900;letter-spacing:.12em}.auth-form input{width:100%;min-width:0;min-height:48px;border:1px solid rgba(255,255,255,.18);border-left:3px solid rgba(255,41,41,.55);background:#00000070;color:#f3f7fa;padding:0 14px;outline:none;border-radius:0;box-shadow:inset 0 0 0 1px #00000047}.auth-form input::placeholder{color:#7f8a92}.auth-form input:focus{border-color:#ff2929c7;background:#080a0cd6}.auth-submit{border-left:3px solid var(--red)!important;background:linear-gradient(90deg,#ff292938,#ffffff09)!important}.auth-guest{color:#c6d0d7!important}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-error{margin:0;padding:10px 12px;border-left:3px solid var(--red);background:#ff29291f;color:#ffd6d6;font-weight:800;letter-spacing:.04em}.auth-version{color:#68737c;font-size:10px;letter-spacing:.08em;overflow-wrap:anywhere}.training-note{margin:-4px 0 12px;color:#c4ccd2;font-size:13px}.logout-chip{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:30;width:auto;min-height:36px;padding:0 12px;font-size:11px}.update-chip{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:20;width:auto;min-height:36px;padding:0 12px;font-size:11px}@media(orientation:landscape)and (max-height:520px){.auth-screen{grid-template-columns:.78fr 1fr;gap:14px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.auth-hero{grid-template-columns:64px minmax(0,1fr)}.auth-hero h1{font-size:clamp(34px,10vh,52px)}.auth-hero p{display:none}.auth-panel{gap:6px;padding:10px 12px;align-self:center}.auth-panel .eyebrow{font-size:9px}.auth-panel h2{font-size:26px}.auth-tabs,.auth-form{gap:6px}.auth-form label{gap:3px;font-size:11px}.auth-form input,.auth-tabs button,.auth-form button{min-height:34px}.auth-form input{padding-inline:12px}.auth-version{display:none}.hud-top-left{width:210px}.online-match-panel{top:max(86px,calc(env(safe-area-inset-top) + 76px));width:min(300px,38vw);padding:7px 9px}.online-match-panel span,.online-match-panel small{font-size:10px}.pause-trigger{top:max(54px,calc(env(safe-area-inset-top) + 46px))}.fullscreen-trigger{top:max(8px,env(safe-area-inset-top));min-height:30px}.touch-button.fire{width:clamp(78px,19vh,104px);height:clamp(78px,19vh,104px)}.weapon-hud strong{font-size:clamp(22px,8vh,38px)}.weapon-hud{right:max(12px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}}@media(orientation:portrait){.portrait-overlay{display:flex}}@media(max-width:720px){.auth-screen{grid-template-columns:1fr;align-content:start;gap:16px}.auth-hero{grid-template-columns:72px minmax(0,1fr)}.auth-hero h1{font-size:clamp(36px,12vw,58px)}.auth-hero p{font-size:12px;margin-top:10px}.auth-panel{width:100%}}