:root{--ink:#06080a;--panel:rgba(10,14,16,.94);--rule:#26343a;--paper:#e6eae6;--dust:#8a9a9c;--signal:#d8f05a;--alarm:#e0453a;--ok:#6fd49a;--cold:#7fb8d8;--display:"Russo One","Arial Black",system-ui,sans-serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;--sa-t:max(env(safe-area-inset-top,0px),calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--sa-b:max(env(safe-area-inset-bottom,0px),calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px)));--sa-l:max(env(safe-area-inset-left,0px),calc(var(--tg-safe-area-inset-left,0px) + var(--tg-content-safe-area-inset-left,0px)));--sa-r:max(env(safe-area-inset-right,0px),calc(var(--tg-safe-area-inset-right,0px) + var(--tg-content-safe-area-inset-right,0px)))}[hidden]{display:none!important}html,body{position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#030405}#vig{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(ellipse at center,#0000 40%,#960a08d9)}#dark{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;background:#000}.hud{position:fixed;z-index:12;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.95)}#hTeam{left:max(16px,var(--sa-l));top:calc(var(--sa-t) + 12px);display:grid;gap:5px;width:min(220px,46vw);font-size:.8rem}.mt{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;background:#06080a8c;border-left:3px solid var(--ok)}.mt b{font-weight:600}.mt span{color:var(--dust);white-space:nowrap}.mt.inj{border-color:#e0b24a}.mt.down{border-color:var(--alarm)}.mt.cap{border-color:#b07fe0}.mt.dead{opacity:.4;border-color:#555}.mt.esc{border-color:var(--cold)}.mt.me b:after{content:" (ты)";color:var(--dust);font-weight:400}#hTop{left:50%;transform:translate(-50%);top:calc(var(--sa-t) + 12px);text-align:center;max-width:calc(100% - 32px)}#hTop b{display:block;font:400 1.05rem/1.25 var(--display);letter-spacing:.02em}#hTop span{font-size:.82rem;color:var(--dust)}#hR{right:max(16px,var(--sa-r));top:calc(var(--sa-t) + 10px);display:flex;gap:8px;pointer-events:auto}.ib{font:600 .78rem/1 var(--body);color:var(--paper);background:#06080ab3;border:1px solid var(--rule);border-radius:3px;padding:10px 12px;min-height:40px;cursor:pointer}#hBL{left:max(16px,var(--sa-l));bottom:calc(var(--sa-b) + 16px);display:grid;gap:4px;font-size:.84rem}#hBL b{font:400 1.2rem/1.1 var(--display)}#hBL span{color:var(--dust)}#hBR{right:max(16px,var(--sa-r));bottom:calc(var(--sa-b) + 16px);text-align:right;font-size:.8rem;color:var(--dust);display:grid;gap:3px;max-width:46vw}body.touch #hBR{display:none}#hDbg{right:max(16px,var(--sa-r));top:calc(var(--sa-t) + 58px);font:600 .7rem/1.35 ui-monospace,Menlo,monospace;color:var(--dust);text-align:right;white-space:pre;background:#06080a8c;padding:4px 6px;border-radius:3px}#hDbg .bad{color:var(--alarm)}#hDbg .mid{color:#e0b24a}#prompt{position:fixed;left:50%;bottom:calc(var(--sa-b) + 90px);transform:translate(-50%);z-index:12;font-size:.92rem;font-weight:600;padding:8px 12px;background:#06080acc;border:1px solid var(--rule);border-radius:3px;pointer-events:none;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}body.touch #prompt{bottom:auto;top:calc(var(--sa-t) + 70px)}#prompt i{display:block;height:3px;margin-top:6px;background:#e6eae633}#prompt i b{display:block;height:100%;background:var(--signal)}#cross{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ff503ccc;z-index:11;pointer-events:none}#toast{position:fixed;left:50%;transform:translate(-50%);top:22%;width:min(30rem,calc(100% - 32px));text-align:center;z-index:12;pointer-events:none;opacity:0;transition:opacity .35s}#toast.show{opacity:1}#toast b{display:block;font:400 clamp(1.3rem,5.5vw,2rem)/1.15 var(--display);text-shadow:0 2px 12px #000}#toast span{display:block;margin-top:6px;font-size:.9rem;color:var(--dust);text-shadow:0 1px 6px #000}#toast.bad b{color:var(--alarm)}#marks{position:fixed;inset:0;pointer-events:none;z-index:7;overflow:hidden}.mk{position:absolute;transform:translate(-50%,-50%);font-size:.7rem;font-weight:600;white-space:nowrap;text-align:center;text-shadow:0 1px 3px #000;line-height:1.2}.mk:before{content:"";display:block;width:10px;height:10px;margin:0 auto 2px;border:2px solid currentColor;transform:rotate(45deg)}.mk.pnl{color:var(--signal)}.mk.gate{color:var(--cold)}.mk.cap{color:#c49af0}.mk.down{color:var(--alarm)}.mk.fuse{color:#ffd36a}.mk.seen{color:var(--alarm)}.mk.mate{color:var(--ok)}#touch{position:fixed;inset:0;z-index:8;touch-action:none}.stk{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border:1px solid rgba(230,234,230,.35);border-radius:50%;background:#06080a40;pointer-events:none;opacity:0}.stk.on{opacity:1}.stk i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#e6eae666}.tb{position:fixed;z-index:9;border-radius:50%;width:58px;height:58px;font:600 .64rem/1.1 var(--body);color:var(--paper);background:#06080a80;border:1px solid rgba(230,234,230,.35);touch-action:none;padding:0}.tb[aria-pressed=true]{background:var(--signal);color:var(--ink);border-color:var(--signal)}#tA{right:max(20px,calc(var(--sa-r) + 12px));bottom:calc(var(--sa-b) + 40px);width:72px;height:72px;border-color:var(--signal);color:var(--signal)}#tB{right:max(104px,calc(var(--sa-r) + 96px));bottom:calc(var(--sa-b) + 30px)}#tC{right:max(30px,calc(var(--sa-r) + 22px));bottom:calc(var(--sa-b) + 124px)}#tD{right:max(104px,calc(var(--sa-r) + 96px));bottom:calc(var(--sa-b) + 100px)}#tE{right:max(176px,calc(var(--sa-r) + 168px));bottom:calc(var(--sa-b) + 30px)}body.touch #hBL{bottom:auto;top:calc(var(--sa-t) + 150px)}.screen{position:fixed;inset:0;z-index:20;display:flex;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-left:max(16px,var(--sa-l));padding-right:max(16px,var(--sa-r));padding-block:calc(var(--sa-t) + 16px) calc(var(--sa-b) + 16px);background:linear-gradient(180deg,#03040566,#030405e0);box-sizing:border-box}.panel{margin:auto;width:100%;max-width:44rem;box-sizing:border-box;background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--signal);border-radius:3px;padding:clamp(18px,4.5vw,32px);display:grid;gap:18px}h1,h2{margin:0;font-family:var(--display);font-weight:400;line-height:1;text-wrap:balance}h1{font-size:clamp(2.6rem,12vw,4.8rem);letter-spacing:.02em}h1 small{display:block;font:600 .8rem/1.4 var(--body);letter-spacing:.2em;color:var(--signal);margin-bottom:8px}h2{font-size:clamp(1.8rem,8vw,2.6rem)}.lead{margin:0;font-size:1rem;line-height:1.6;max-width:62ch}.sub{margin:0;font-size:.86rem;color:var(--dust);line-height:1.55}.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:12px}.role{display:grid;gap:8px;text-align:left;font:400 .9rem/1.5 var(--body);color:var(--paper);background:#e6eae60a;border:1px solid var(--rule);border-radius:3px;padding:16px;cursor:pointer;min-height:46px}.role:hover{border-color:var(--signal)}.role b{font:400 1.4rem/1 var(--display);color:var(--signal)}.role.mon b{color:var(--alarm)}.role.mon:hover{border-color:var(--alarm)}.role span{color:var(--dust);font-size:.84rem}.keys{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2px 18px;font-size:.82rem}.keys div{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid var(--rule);padding:5px 0;min-width:0}.keys dt{color:var(--dust)}.keys dd{margin:0;text-align:right;font-weight:600}details summary{cursor:pointer;font-weight:600;font-size:.9rem;padding:4px 0;min-height:32px}details[open] summary{margin-bottom:8px}.row{display:flex;flex-wrap:wrap;gap:10px}.btn{font:600 .92rem/1 var(--body);color:var(--paper);background:#06080a66;border:1px solid var(--rule);border-radius:3px;padding:13px 16px;min-height:46px;cursor:pointer}.btn:hover{border-color:var(--dust)}.btn.primary{background:var(--signal);border-color:var(--signal);color:var(--ink)}button:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.res{margin:0;padding:0;list-style:none;display:grid;gap:6px}.res li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#e6eae60a;border-left:3px solid var(--rule);font-size:.9rem}.res li.e{border-color:var(--cold)}.res li.d{border-color:var(--alarm)}.err{margin:0;color:var(--alarm)}@media (prefers-reduced-motion:reduce){#toast{transition:none}}#loading{position:fixed;left:50%;bottom:24px;transform:translate(-50%);font-size:.8rem;color:var(--dust);z-index:21}.online{display:grid;gap:10px;padding:14px;border:1px solid var(--rule);border-radius:3px;background:#e6eae608}.online h3,.team h3{margin:0;font:400 1.1rem/1.2 var(--display)}.field{display:grid;gap:4px}.field label{font-size:.8rem;color:var(--dust)}input{font:600 .95rem/1 var(--body);color:var(--paper);background:#06080a99;border:1px solid var(--rule);border-radius:3px;padding:12px;min-height:46px;box-sizing:border-box;width:100%;min-width:0}input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.row.join{flex-wrap:nowrap}.row.join input{flex:1;text-transform:uppercase;letter-spacing:.15em}details input{margin-top:6px}.code{color:var(--signal);letter-spacing:.12em}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:12px}.team{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--rule);border-top:3px solid var(--signal);border-radius:3px}.team.mon{border-top-color:var(--alarm)}.team ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;min-height:2rem}.team li{padding:8px 10px;background:#e6eae60d;font-size:.9rem;display:flex;justify-content:space-between;gap:8px}.team li small{color:var(--dust)}.team li.bot{color:var(--dust);font-style:italic}#rotate{display:none;position:fixed;inset:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 24px;text-align:center;background:var(--ink)}#rotate i{width:44px;height:76px;border:3px solid var(--signal);border-radius:8px;margin-bottom:12px;animation:rot 2s ease-in-out infinite}#rotate b{font:400 1.5rem/1.1 var(--display)}#rotate span{font-size:.9rem;color:var(--dust)}@keyframes rot{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}@media (prefers-reduced-motion:reduce){#rotate i{animation:none;transform:rotate(-90deg)}}