:root{--accent: #ff6622;--accent-2: #ffaa33;--bg: #0a0b0d;--panel: rgba(18, 20, 24, .92);--panel-2: rgba(28, 31, 36, .92);--line: rgba(255, 255, 255, .09);--text: #dfe3e8;--dim: #8b929c;--danger: #ff3322;--ok: #33dd66;--mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--cut: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px);--half: 900px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ui);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas#gl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.ui-root>*{pointer-events:auto}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(120% 80% at 50% 0%,#241009 0%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),var(--bg)}.screen.active{display:flex}.boot-logo{font:900 clamp(44px,12vw,96px)/1 var(--ui);letter-spacing:.18em;color:var(--accent);text-shadow:0 0 26px rgba(255,102,34,.55),0 4px 0 #6b2408}.boot-bar{width:min(420px,70vw);height:6px;background:#1b1d21;overflow:hidden;clip-path:var(--cut)}#boot-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}#boot-status{color:var(--dim);font-size:14px;letter-spacing:.05em}.boot-hint{max-width:min(520px,84vw);text-align:center;line-height:1.5;color:#6f7681;font-size:13px;padding:0 16px}.ui-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;padding:calc(14px + var(--sat)) calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));gap:12px;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(255,102,34,.12) 0%,transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),#060709ed}.panel{background:var(--panel);border:1px solid var(--line);clip-path:var(--cut);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,102,34,.1),transparent)}.panel-head h2{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:700}.btn{font:600 15px/1 var(--ui);color:var(--text);background:var(--panel-2);border:1px solid var(--line);padding:12px 18px;min-height:48px;cursor:pointer;clip-path:var(--cut);letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,border-color .15s}.btn:active{background:var(--accent);color:#120803;border-color:var(--accent)}.btn.primary{background:linear-gradient(180deg,var(--accent),#d24d16);color:#150802;border-color:transparent;font-weight:800}.btn.primary:active{filter:brightness(1.2)}.btn.ghost{background:transparent;color:var(--dim)}.btn.small{min-height:44px;padding:8px 14px;font-size:13px}.btn.big{min-height:58px;font-size:17px;flex:1}.btn.disabled,.btn:disabled{opacity:.45;pointer-events:none}@media (hover: hover) and (pointer: fine){.btn:hover{border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost:hover{color:var(--text)}}.lobby-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo{font:900 clamp(24px,4vw,38px)/1 var(--ui);letter-spacing:.16em;color:var(--accent);text-shadow:0 0 18px rgba(255,102,34,.5)}.profile{display:flex;align-items:center;gap:9px;margin-left:auto}.profile-name{font-weight:700;font-size:15px}.ava{width:38px;height:38px;flex:none;border-radius:3px;background:var(--ava-color, #3a4250);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;overflow:hidden;border:1px solid var(--line)}.ava img{width:100%;height:100%;object-fit:cover}.net-tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);padding:5px 10px;border:1px solid var(--line);clip-path:var(--cut)}.net-tag.off{color:var(--danger)}.lobby-actions{display:flex;gap:10px}.lobby-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;flex:1;min-height:0}.lobby-col{display:grid;grid-template-rows:1.4fr 1fr;gap:12px;min-height:0}.lobby-head,.lobby-actions,.lobby-grid,.offline-bar,.room-head,.room-grid{width:100%;max-width:1500px;margin-inline:auto}.offline-bar{display:none;gap:4px;flex-direction:column;padding:10px 14px;background:#46120a8c;border-left:3px solid var(--danger)}.offline-bar.on{display:flex}.offline-title{font-weight:800;font-size:14px;letter-spacing:.06em;color:#ffb0a0}.offline-text{font-size:13px;line-height:1.45;color:var(--text)}.rooms-list,.board-list,.chat-log,.slots{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0}.empty-note{color:var(--dim);font-size:14px;padding:18px;text-align:center;line-height:1.5}.room-card{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;min-height:56px;text-align:left;font:inherit;color:var(--text);cursor:pointer;background:var(--panel-2);border:0;border-left:3px solid var(--accent, #ff6622)}.room-card.started{opacity:.75}.room-card.busy{opacity:.5;cursor:default}.room-card:active:not(.busy){background:color-mix(in srgb,var(--accent, #ff6622) 22%,var(--panel-2))}.room-main{flex:1;min-width:0}.room-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-sub{font-size:12.5px;color:var(--dim);margin-top:2px}.room-go{flex:none;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #ff6622);border:1px solid currentColor;padding:8px 12px;clip-path:var(--cut)}.room-card.busy .room-go,.room-card.started .room-go{color:var(--dim)}@media (hover: hover) and (pointer: fine){.room-card:hover:not(.busy){background:color-mix(in srgb,var(--accent, #ff6622) 14%,var(--panel-2))}}.board-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:6px 8px;font-size:14px}.b-pos{color:var(--dim);font-family:var(--mono)}.b-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-score{font-family:var(--mono);font-weight:700;color:var(--accent-2)}.chat-log{flex:1;font-size:14px;gap:4px}.chat-row{display:flex;gap:8px;line-height:1.4}.chat-row.sys{color:var(--dim);font-style:italic}.chat-from{color:var(--accent-2);font-weight:700;flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-text{word-break:break-word}.chat-form{display:flex;gap:8px;padding:8px;border-top:1px solid var(--line)}.chat-input,.field{flex:1;min-height:44px;padding:10px 12px;font:400 15px var(--ui);background:#111317;color:var(--text);border:1px solid var(--line);clip-path:var(--cut)}.chat-input:focus,.field:focus{outline:none;border-color:var(--accent)}.room-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.room-title{margin:0;font-size:clamp(20px,3.4vw,30px);letter-spacing:.04em}.room-map{color:var(--accent, #ff6622);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.room-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;flex:1;min-height:0}.slot{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel-2)}.slot.empty{color:var(--dim);font-size:13px;font-style:italic;justify-content:center;background:transparent;border:1px dashed var(--line)}.slot-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--line);color:var(--dim)}.tag.host{color:var(--accent-2);border-color:#fa36}.tag.ready{color:var(--ok);border-color:#3d66}.room-actions{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);flex-wrap:wrap}.room-actions .btn{flex:1;min-width:120px}.room-note{padding:0 12px 8px;color:var(--dim);font-size:13px}.modal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px}.modal-host.on{display:flex}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{position:relative;width:min(680px,96vw);max-height:88vh;overflow:auto;background:var(--panel);border:1px solid var(--line);clip-path:var(--cut);touch-action:pan-y;overscroll-behavior:contain}.modal-head{padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,102,34,.12),transparent)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--line)}.modal-actions .btn{flex:1}.field-lab{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.field-hint{font-size:12.5px;line-height:1.4;color:var(--dim);margin-top:-6px}.map-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.map-card{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:10px;cursor:pointer;text-align:left;clip-path:var(--cut);display:flex;flex-direction:column;gap:6px;min-height:130px}.map-card.on{border-color:var(--accent, #ff6622);background:color-mix(in srgb,var(--accent, #ff6622) 14%,var(--panel-2))}@media (hover: hover) and (pointer: fine){.map-card:hover{border-color:var(--accent, #ff6622)}}.map-thumb{color:var(--accent, #ff6622);height:56px}.map-thumb svg{width:100%;height:100%}.map-name{font-weight:700;font-size:14px}.map-hint{font-size:11.5px;color:var(--dim);line-height:1.35}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-lab{flex:1;min-width:130px;font-size:14px}.row-val{font-family:var(--mono);color:var(--accent-2);min-width:52px;text-align:right}.slider{flex:1 1 180px;min-height:44px;accent-color:var(--accent)}.seg{display:flex;gap:4px;flex-wrap:wrap}.seg-btn{min-height:44px;padding:8px 14px;font-size:13px}.seg-btn.on{background:var(--accent);color:#150802;border-color:var(--accent)}.check{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer}.check input{position:absolute;opacity:0;width:0;height:0}.check-box{width:22px;height:22px;border:1px solid var(--line);background:#111317;flex:none}.check input:checked+.check-box{background:var(--accent);border-color:var(--accent)}.check-lab{font-size:14px}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;font-family:var(--ui);--ink: 0 0 2px rgba(0,0,0,.95), 0 1px 2px rgba(0,0,0,.95), 0 2px 12px rgba(0,0,0,.85)}.hud>*{pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#ffffffeb;box-shadow:0 0 0 1px #000000d9,0 0 4px #000000e6}.crosshair i:nth-child(1){left:50%;top:0;width:2px;height:8px;margin-left:-1px}.crosshair i:nth-child(2){left:50%;bottom:0;width:2px;height:8px;margin-left:-1px}.crosshair i:nth-child(3){top:50%;left:0;height:2px;width:8px;margin-top:-1px}.crosshair i:nth-child(4){top:50%;right:0;height:2px;width:8px;margin-top:-1px}.crosshair b{position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;background:var(--accent)}.hitmark{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .08s}.hitmark.on{opacity:1}.hitmark i{position:absolute;background:#fff;box-shadow:0 0 4px #000c}.hitmark i:nth-child(1){left:50%;top:0;width:2px;height:9px}.hitmark i:nth-child(2){left:50%;bottom:0;width:2px;height:9px}.hitmark i:nth-child(3){top:50%;left:0;height:2px;width:9px}.hitmark i:nth-child(4){top:50%;right:0;height:2px;width:9px}.dmg-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(120% 100% at 50% 50%,transparent 45%,rgba(190,20,20,.75) 100%)}.dmg-arrow{position:absolute;left:50%;top:50%;width:200px;height:200px;opacity:0;transition:opacity .15s}.dmg-arrow.on{opacity:.9}.dmg-arrow:before{content:"";position:absolute;left:50%;top:8px;margin-left:-13px;border:13px solid transparent;border-bottom-color:#ff3c28e6}.hud-timer{position:absolute;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);font:800 clamp(22px,3.6vw,34px)/1 var(--mono);letter-spacing:.04em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9);padding:6px 16px;background:#0a0b0d8c;clip-path:var(--cut)}.hud-timer.urgent{color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.45}}.hud-leader{position:absolute;top:calc(56px + var(--sat));left:50%;transform:translate(-50%);font-size:13px;color:#c3cad4;letter-spacing:.06em;white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--ink)}.hud-leader.me{color:var(--accent-2)}.hud-quad{position:absolute;top:calc(84px + var(--sat));left:50%;transform:translate(-50%);font:800 15px/1 var(--mono);letter-spacing:.18em;color:#8af;text-shadow:0 0 14px rgba(60,100,255,.9);display:none}.hud-feed{position:absolute;top:calc(78px + var(--sat));right:max(calc(12px + var(--sar)),calc(50% - var(--half)));display:flex;flex-direction:column;gap:5px;align-items:flex-end;max-width:min(34vw,440px)}.feed-row{display:flex;align-items:center;gap:7px;font-size:13.5px;flex-wrap:nowrap;max-width:100%;background:#0a0b0d9e;padding:5px 9px;clip-path:var(--cut);transition:opacity .7s}.feed-killer,.feed-victim{min-width:0;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-row.mine{box-shadow:inset 3px 0 0 var(--accent)}.feed-row.fade{opacity:0}.feed-killer{color:var(--accent-2);font-weight:700}.feed-victim{color:var(--text)}.feed-ico{width:22px;height:14px;color:#fff;opacity:.85}.feed-ico svg{width:100%;height:100%}.hud-left{position:absolute;left:max(calc(14px + var(--sal)),calc(50% - var(--half)));bottom:calc(14px + var(--sab));display:flex;gap:14px}.hud-right{position:absolute;right:max(calc(14px + var(--sar)),calc(50% - var(--half)));bottom:calc(14px + var(--sab))}.stat{text-align:center;text-shadow:var(--ink)}.stat-lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a7aeb9}.stat-val{font:800 clamp(30px,6vw,52px)/1 var(--mono);color:#fff}.stat-hp .stat-val{color:#eaf2ff}.stat-hp.low .stat-val{color:var(--danger);animation:pulse .8s infinite}.stat-ar .stat-val{color:#ffd54a}.stat-ar.off{opacity:.35}.stat-ammo.low .stat-val{color:var(--danger)}.hud-weapons{position:absolute;bottom:calc(14px + var(--sab));left:50%;transform:translate(-50%);display:flex;gap:5px}.hud-wslot{position:relative;width:46px;height:34px;opacity:.22;background:#0a0b0d8c;color:#fff;padding:4px}.hud-wslot svg{width:100%;height:100%}.hud-wslot.have{opacity:.62}.hud-wslot.empty{opacity:.3;color:#f66}.hud-wslot.cur{opacity:1;box-shadow:inset 0 -2px 0 var(--accent);background:#f623}.wnum{position:absolute;top:1px;left:3px;font:700 9px var(--mono);color:var(--dim)}.scores{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);background:#08090bf0;border:1px solid var(--line);clip-path:var(--cut)}.scores-head{padding:12px 16px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:13px}.scores-body{max-height:56vh;overflow:auto;touch-action:pan-y}.score-row{display:grid;grid-template-columns:40px 1fr 68px 68px;gap:8px;padding:8px 16px;font-size:15px;align-items:center}.score-row.score-head{color:var(--dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}.score-row.me{background:#ff662224}.sc-pos{font-family:var(--mono);color:var(--dim)}.sc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sc-frag,.sc-death{font-family:var(--mono);text-align:right}.sc-frag{color:var(--accent-2);font-weight:700}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(90% 70% at 50% 50%,#780a0a47,#000000b8)}.death-title{font:900 clamp(30px,7vw,60px)/1 var(--ui);letter-spacing:.14em;color:var(--danger);text-shadow:0 0 3px rgba(0,0,0,.95),0 4px 24px rgba(0,0,0,.9)}.death-by{font-size:16px;color:#fff;text-shadow:var(--ink);text-align:center;padding:0 16px}.death-timer{font-family:var(--mono);font-size:15px;color:#c3cad4;text-shadow:var(--ink)}.hud-gear{position:fixed;z-index:14;top:calc(10px + var(--sat));left:calc(12px + var(--sal));width:48px;height:48px;min-height:48px;padding:0;background:#0a0b0d8c;display:none;align-items:center;justify-content:center}.hud-gear svg{width:22px;height:22px}.hud-rec{position:fixed;z-index:14;top:calc(10px + var(--sat));left:calc(66px + var(--sal));height:48px;min-height:48px;padding:0 14px;background:#0a0b0d8c;display:none;align-items:center;justify-content:center}.rec-face{display:flex;align-items:center;gap:8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex:0 0 auto}.rec-lab{font:700 13px var(--mono);letter-spacing:.08em;color:var(--dim);min-width:34px;text-align:left}.hud-rec.rec-on .rec-dot{background:var(--danger);animation:rec-blink 1.1s ease-in-out infinite}.hud-rec.rec-on .rec-lab{color:var(--text)}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:none;align-items:center;justify-content:center;background:#040507e0}.pause.on{display:flex}.pause-box{width:min(560px,94vw);background:var(--panel);border:1px solid var(--line);clip-path:var(--cut);padding:18px;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain}.pause-head{font:800 16px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.pause-note{font-size:12.5px;color:var(--dim);line-height:1.5}.pause-actions{display:flex;gap:10px;flex-wrap:wrap}.pause-actions .btn{flex:1;min-width:130px}.screen-results{align-items:center;justify-content:flex-start;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.screen-results:before,.screen-results:after{content:"";margin:auto;flex:0 0 auto}.res-head{font:800 14px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.res-winner{font:900 clamp(26px,6vw,52px)/1.1 var(--ui);color:var(--accent);text-shadow:0 0 30px rgba(255,102,34,.45);text-align:center}.res-cols,.res-row{display:grid;grid-template-columns:44px 1fr 78px 78px;gap:8px;width:min(600px,94vw);padding:8px 14px;align-items:center}.res-cols{color:var(--dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}.res-table{width:min(600px,94vw);max-height:46vh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain}.res-row{background:var(--panel-2);margin-bottom:4px;font-size:15px}.res-row.first{box-shadow:inset 3px 0 0 var(--accent)}.res-row.me{background:#ff662229}.r-pos{font-family:var(--mono);color:var(--dim)}.r-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-frag,.r-death{font-family:var(--mono);text-align:right}.r-frag{color:var(--accent-2);font-weight:800}.res-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.res-actions .btn{min-width:150px}.clips-box{width:min(600px,94vw);display:flex;flex-direction:column;gap:10px}.clips-box:empty{display:none}.clips-head{font:800 13px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.clips-row{display:flex;gap:10px;overflow-x:auto;padding:2px;touch-action:pan-x;overscroll-behavior:contain}.clip-card{flex:0 0 auto;width:216px;background:var(--panel-2);clip-path:var(--cut);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.clip-card.on{box-shadow:inset 0 0 0 2px var(--accent)}.clip-video{display:block;width:100%;aspect-ratio:16 / 9;background:#000;object-fit:contain}.clip-cap{padding:7px 10px;font:12.5px var(--mono);color:var(--dim)}.clip-card.on .clip-cap{color:var(--text)}.clips-form{display:flex;gap:8px;align-items:stretch}.clips-form .clips-text{flex:1;min-width:0}.clips-note{font-size:12.5px;line-height:1.4;color:var(--dim)}.clips-sent{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;font-size:14px;background:#33dd6614;box-shadow:inset 0 0 0 1px #33dd6659;clip-path:var(--cut)}.clips-link{color:var(--accent-2);font-weight:700}.clip-modal{width:min(560px,96vw)}.clip-video-big{aspect-ratio:auto;max-height:46vh}.touch-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;display:none;touch-action:none}.stick-base{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border:2px solid rgba(255,255,255,.22);border-radius:50%;background:#0a0b0d47;pointer-events:none}.stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ff66228c;border:2px solid rgba(255,255,255,.5)}.tbtn{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#10121680;color:#fff;display:grid;place-items:center;padding:0}.tbtn svg{width:46%;height:46%}.tbtn.on{background:#f629}.tbtn-fire{width:96px;height:96px;right:calc(20px + var(--sar));bottom:calc(96px + var(--sab))}.tbtn-jump{width:68px;height:68px;right:calc(126px + var(--sar));bottom:calc(72px + var(--sab))}.tbtn-scores{width:48px;height:48px;left:calc(12px + var(--sal));top:calc(66px + var(--sat));border-radius:8px}.wpn-strip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(8px + var(--sab));display:flex;gap:5px;max-width:calc(100vw - 20px)}.wpn-slot{width:clamp(38px,6.8vw,46px);height:48px;flex:none;padding:6px;background:#10121680;border:1px solid rgba(255,255,255,.14);color:#fff;opacity:.3}.wpn-slot svg{width:100%;height:100%}.wpn-slot.have{opacity:.75}.wpn-slot.empty{opacity:.35;color:#f77}.wpn-slot.cur{opacity:1;border-color:var(--accent);background:#ff662247}.dev-badge{position:fixed;z-index:70;right:calc(10px + var(--sar));bottom:calc(8px + var(--sab));font:700 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#fc4;background:#3c2800b3;border:1px solid rgba(255,204,68,.4);padding:4px 9px;pointer-events:none}.dev-panel{position:absolute;left:calc(12px + var(--sal));top:calc(124px + var(--sat));font:700 12px var(--mono);color:#9fe;background:#00141480;padding:4px 8px}.dev-panel.bad{color:#f76}.toast{position:fixed;left:50%;bottom:calc(28px + var(--sab));transform:translate(-50%,20px);z-index:80;background:var(--panel);border:1px solid var(--line);clip-path:var(--cut);padding:12px 18px;font-size:14px;opacity:0;transition:opacity .25s,transform .25s}.toast.on{opacity:1;transform:translate(-50%)}@media (max-width: 900px){.lobby-grid{grid-template-columns:1fr;grid-template-rows:1.1fr 1fr}.lobby-col{grid-template-rows:1fr auto}.panel-board{max-height:190px}.room-grid{grid-template-columns:1fr;grid-template-rows:1fr auto}}@media (max-width: 560px){.lobby-actions{flex-direction:column}.btn.big{min-height:52px}.hud-weapons{display:none}.hud-left{gap:10px}.stat-val{font-size:30px}.hud-leader{display:none}.hud-quad{top:calc(46px + var(--sat))}.hud-feed{top:calc(64px + var(--sat));max-width:58vw;font-size:12px}.map-picker{grid-template-columns:repeat(2,1fr)}.res-actions .btn{min-width:130px}}@media (max-width: 560px) and (orientation: portrait){.hud-left{bottom:calc(66px + var(--sab))}.hud-right{left:calc(14px + var(--sal));right:auto;bottom:calc(124px + var(--sab))}}@media (max-height: 480px){.score-row{padding:5px 14px;font-size:13px}.scores-head{padding:8px 14px}.scores-body{max-height:48vh}.res-cols,.res-row{padding:5px 12px}.res-table{max-height:40vh}.pause-box{padding:12px;gap:10px}.stat-val{font-size:30px}.stat-lab{font-size:10px}}.rotate-hint{display:none}@media (max-width: 900px) and (orientation: portrait){.rotate-hint{display:flex;align-items:center;gap:10px;position:absolute;left:50%;top:calc(50% + 42px);transform:translate(-50%);width:max-content;max-width:86vw;padding:8px 14px;background:#0a0b0db8;clip-path:var(--cut);color:#dfe3e8;font-size:13px;line-height:1.35;text-align:left;pointer-events:none}.rotate-ico{font-size:26px;color:var(--accent-2);line-height:1}}