@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/golos-text-cyrillic-BhLd7jiz.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/golos-text-latin-CeRm3aSN.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/russo-one-400-cyrillic-DMmgNeda.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/russo-one-400-latin-DIqih8p-.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f3efe6;--ink: #2b2320;--ink-soft: #6b6157;--line: #d9d0bf;--gold: #e8b84a;--bg: #1f2a1c;--display: "Russo One", system-ui, sans-serif;--body: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t: max(10px, env(safe-area-inset-top), var(--tg-safe-t, 0px));--safe-r: max(12px, env(safe-area-inset-right), var(--tg-safe-r, 0px));--safe-b: max(10px, env(safe-area-inset-bottom), var(--tg-safe-b, 0px));--safe-l: max(12px, env(safe-area-inset-left), var(--tg-safe-l, 0px));font-family:var(--body);color:var(--ink);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{overflow:hidden;background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.game,.game canvas{touch-action:none}.app.in-battle{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app{position:relative;width:100%;height:100%}.game{width:100%;height:100%}.game canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#141a1059}.card{width:min(420px,100%);padding:28px 28px 22px;border-radius:16px;background:var(--paper);box-shadow:0 10px 40px #00000059;text-align:center}.card h1{margin:0 0 18px;font-size:28px;font-weight:800;letter-spacing:-.01em}.buttons{display:flex;flex-direction:column;gap:10px}button{font:inherit;font-weight:700;padding:12px 16px;border-radius:10px;border:2px solid var(--ink);background:#fffaf0;color:var(--ink);cursor:pointer}button.primary{background:var(--gold)}button:disabled{opacity:.45;cursor:default}button:not(:disabled):hover{filter:brightness(1.05)}.net{margin-top:16px;font-size:13px;color:var(--ink-soft)}.net-connected{color:#4f7d33}.net-disconnected,.net-error{color:#b63c2a}.reason{margin:0 0 6px}.muted{margin:0 0 18px;color:var(--ink-soft);font-size:14px}.error{margin-top:12px;padding:8px 10px;border-radius:8px;background:#f8ddd6;color:#8c2b1c;font-size:13px;overflow-wrap:anywhere}button.link{border:none;background:none;text-decoration:underline;font-weight:600;color:var(--ink-soft)}button.small{padding:6px 10px;font-size:13px;border-radius:8px}.join{display:flex;gap:8px}.join input{flex:1;min-width:0;font:inherit;font-weight:800;letter-spacing:.2em;text-align:center;padding:10px;border-radius:10px;border:2px solid var(--ink);background:#fff;color:var(--ink)}.big-timer{margin:0 0 8px;font-size:40px;font-weight:800}.code{margin:0 0 8px;font-size:38px;font-weight:800;letter-spacing:.18em}.reason.afk{color:#b63c2a;font-weight:700}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--u: min(1vw, 2.17vh);font-family:var(--body);color:#fff7e4}.hud button{pointer-events:auto}.hud .pill{background:#141810b8;border-radius:999px;padding:calc(.6 * var(--u)) calc(1.6 * var(--u));font-size:max(11px,calc(1.7 * var(--u)));font-weight:600;white-space:nowrap}.hud-top{position:absolute;top:calc(2.5vh + var(--safe-t));left:50%;transform:translate(-50%);display:flex;gap:var(--u);align-items:center}.hud-top .pill:first-child{box-shadow:inset 0 -3px 0 var(--team)}.hud .timer{min-width:calc(3 * var(--u));text-align:center;font-variant-numeric:tabular-nums}.hud .timer.wait{color:#c9d1bd}.hud .timer.hurry{color:#ff8a5c}.hud-notes{position:absolute;top:calc(2.5vh + var(--safe-t) + 5.5 * var(--u));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(.6 * var(--u))}.hud .pill.note{font-size:max(10px,calc(1.4 * var(--u)));color:#ffd56b}.hud .squad{position:absolute;top:calc(2.5vh + var(--safe-t));display:flex;gap:calc(.6 * var(--u))}.hud .squad.l{left:calc(2.4 * var(--u) + var(--safe-l))}.hud .squad.r{right:calc(2.4 * var(--u) + var(--safe-r))}.hud .sq{width:max(30px,calc(5.6 * var(--u)));height:max(30px,calc(5.6 * var(--u)));border-radius:50%;background:radial-gradient(circle,#8dbb5e,#5f8d3c);border:2px solid currentColor;position:relative;box-shadow:0 2px 4px #00000059}.hud .sq img{width:100%;height:100%;border-radius:50%;display:block}.hud .sq.on{border-color:#ffd56b;box-shadow:0 0 0 2px #ffd56b80,0 2px 4px #00000059}.hud .sq i{position:absolute;left:10%;right:10%;bottom:calc(-.9 * var(--u) - 2px);height:max(3px,calc(.55 * var(--u)));border-radius:2px;background:#ffffff40}.hud .sq i b{display:block;height:100%;border-radius:2px}.hud .sq.dead{opacity:.45;filter:grayscale(1)}.hud .icon{position:absolute;width:max(44px,calc(5.2 * var(--u)));height:max(44px,calc(5.2 * var(--u)));padding:0;border-radius:50%;background:#14181099;display:grid;place-items:center;font-size:max(16px,calc(2.3 * var(--u)));color:#fff;border:0}.hud .menu-btn{top:calc(2.5vh + var(--safe-t) + max(30px,calc(5.6 * var(--u))) + 2.4 * var(--u));left:calc(2.4 * var(--u) + var(--safe-l))}.bmenu{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;justify-content:flex-start;align-items:flex-start;padding:calc(10vh + var(--safe-t)) calc(2.4 * var(--u) + var(--safe-l));pointer-events:auto;z-index:20}.bmenu .box{background:#fff7e4;color:#2b2320;border-radius:calc(2 * var(--u));padding:calc(2 * var(--u));display:flex;flex-direction:column;gap:calc(1.4 * var(--u));width:max(220px,calc(26 * var(--u)));box-shadow:0 6px 18px #00000059}.bmenu small{color:#7a6a3c;font-size:max(11px,calc(1.4 * var(--u)))}.big{font:400 max(14px,calc(2.6 * var(--u))) var(--display);color:#2b2320;background:linear-gradient(#ffd56b,#e8b84a);border:0;border-radius:calc(1.6 * var(--u));padding:max(10px,calc(1.8 * var(--u))) 0;box-shadow:0 calc(.7 * var(--u)) 0 #a27622;letter-spacing:.02em}.big.alt{background:linear-gradient(#fbf7ee,#e9e2cf);box-shadow:0 calc(.7 * var(--u)) 0 #a99d80;font-size:max(13px,calc(2.1 * var(--u)))}.big.warn{background:linear-gradient(#ff8a5c,#d9462f);color:#fff;box-shadow:0 calc(.7 * var(--u)) 0 #8c2a1a;font-size:max(13px,calc(2.1 * var(--u)))}.overlay.modal{z-index:10;pointer-events:auto}.settings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000004d;pointer-events:auto;--u: min(1vw, 2.17vh);font-family:var(--body)}.app.pc .settings{--u: min(1vw, 1.9vh, 15px)}.app.portrait .settings{--u: 2.4vw}.settings .sheet{position:absolute;left:18vw;right:18vw;top:50%;transform:translateY(-50%);max-height:calc(100vh - 8vh - var(--safe-t) - var(--safe-b));background:#fff7e4;color:#2b2320;border-radius:calc(2.4 * var(--u));padding:calc(3 * var(--u)) calc(3 * var(--u));display:flex;flex-direction:column;gap:calc(1.6 * var(--u));font-size:max(13px,calc(1.8 * var(--u)));overflow-y:auto;box-shadow:0 6px 18px #00000059}.app.pc .settings .sheet{left:calc(50vw - 30 * var(--u));right:calc(50vw - 30 * var(--u))}.app.portrait .settings .sheet{left:5vw;right:5vw}.settings h3{margin:0;font:400 max(16px,calc(2.6 * var(--u))) var(--display)}.settings .row{display:flex;justify-content:space-between;align-items:center;gap:calc(2 * var(--u))}.settings .rows{display:flex;flex-direction:column;gap:calc(1.6 * var(--u))}.app.phone.landscape .settings .sheet{left:calc(8vw + var(--safe-l));right:calc(8vw + var(--safe-r));gap:calc(1.2 * var(--u))}.app.phone.landscape .settings .rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(1.4 * var(--u)) calc(5 * var(--u))}.settings .row>span{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.settings .row.end{justify-content:flex-end}.settings .row.end .big{width:40%;padding:max(10px,calc(1.4 * var(--u))) 0}.settings small{color:#7a6a3c;font-size:max(11px,calc(1.4 * var(--u)))}.settings .sw{flex:none;width:max(48px,calc(7 * var(--u)));height:max(26px,calc(3.8 * var(--u)));border-radius:999px;background:#c9c2ad;position:relative;border:0;padding:0}.settings .sw:after{content:"";position:absolute;top:10%;left:6%;width:40%;height:80%;border-radius:50%;background:#fff;transition:left .15s}.settings .sw[aria-checked=true]{background:#e8b84a}.settings .sw[aria-checked=true]:after{left:54%}.settings select{font:600 max(13px,calc(1.7 * var(--u))) var(--body);color:#2b2320;background:#fbf7ee;border:2px solid #c9c2ad;border-radius:var(--u);padding:calc(.4 * var(--u)) var(--u);max-width:55%}.settings input[type=range]{width:min(50%,calc(26 * var(--u)));accent-color:#b98a2a}.rotate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#1c2117;color:#fff7e4;display:grid;place-items:center;text-align:center;padding:8%;font-size:15px}.rotate b{font-family:var(--display);font-weight:400;font-size:20px}.rotate p{opacity:.75;margin:6px 0 0}.rotate.expand .big{margin-top:18px;padding:12px 28px;--u: 8px}.rotate p.rotate-lock{margin-top:14px;font-size:13px;opacity:.6}.rotate-phone{width:70px;height:120px;border:4px solid #fff7e4;border-radius:14px;margin:0 auto 18px;animation:rotate-tilt 2s ease-in-out infinite}@keyframes rotate-tilt{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion: reduce){.rotate-phone{animation:none}}.touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--u: 1vw;--edge: calc(3 * var(--u));z-index:5}.touch .ctl{position:absolute;bottom:calc(3.5vh + var(--safe-b));pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch .pad{display:flex;gap:calc(1.6 * var(--u))}.touch .pad.v{flex-direction:column}.touch .turn-pad{left:calc(var(--edge) + var(--safe-l))}.touch .walk-pad{right:calc(var(--edge) + var(--safe-r))}.touch .fire{right:calc(16.5 * var(--u) + var(--safe-r))}.touch .mapbtn{right:calc(32 * var(--u) + var(--safe-r));bottom:calc(4.5vh + var(--safe-b))}.touch.lefty .turn-pad{left:auto;right:calc(var(--edge) + var(--safe-r))}.touch.lefty .walk-pad{right:auto;left:calc(var(--edge) + var(--safe-l))}.touch.lefty .fire{right:auto;left:calc(16.5 * var(--u) + var(--safe-l))}.touch.lefty .mapbtn{right:auto;left:calc(32 * var(--u) + var(--safe-l))}.touch .arrow{width:max(44px,calc(10.5 * var(--u)));height:max(44px,calc(10.5 * var(--u)));padding:0;border-radius:calc(2.4 * var(--u));background:#14181073;border:2px solid rgba(255,255,255,.35);color:#fff;font-size:max(14px,calc(3.6 * var(--u)));display:grid;place-items:center;box-shadow:none}.touch .arrow.on{background:#e8b84abf;border-color:#fff}.touch .fire{width:max(56px,calc(14 * var(--u)));height:max(56px,calc(14 * var(--u)));padding:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff8a5c80,#d9462f73 70%);border:3px solid rgba(255,255,255,.6);text-shadow:0 1px 3px rgba(0,0,0,.6);color:#fff;font:400 max(10px,calc(2.1 * var(--u))) var(--display);display:grid;place-items:center;box-shadow:0 4px #8c2a1a80}.touch .fire.on{transform:translateY(3px);box-shadow:0 1px #8c2a1a80;background:radial-gradient(circle at 40% 35%,#ff8a5cb3,#d9462fa6 70%)}.touch .mapbtn{min-width:max(44px,calc(8.5 * var(--u)));height:max(44px,calc(8.5 * var(--u)));padding:0 calc(.6 * var(--u));white-space:nowrap;border-radius:calc(2 * var(--u));background:#14181073;border:2px solid rgba(255,255,255,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3vh;font:400 max(8px,calc(1.3 * var(--u))) var(--display);text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:none}.touch .mapbtn svg{width:calc(4 * var(--u));height:calc(4 * var(--u))}.touch .mapbtn.on{background:#e8b84a8c;border-color:#ffd56b;color:#2b2320;text-shadow:none}.app.pc .hud,.app.pc .pc-controls{--u: min(1.27vh, 12px)}.pc-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;font-family:var(--body)}.pc-controls .mapbtn{position:absolute;right:calc(2.4 * var(--u) + var(--safe-r));bottom:calc(3 * var(--u) + var(--safe-b));min-width:calc(9 * var(--u));height:calc(9 * var(--u));padding:0 calc(.8 * var(--u));white-space:nowrap;pointer-events:auto;border-radius:calc(2 * var(--u));background:#14181073;border:2px solid rgba(255,255,255,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.3 * var(--u));font:400 max(9px,calc(1.4 * var(--u))) var(--display);text-shadow:0 1px 2px rgba(0,0,0,.6)}.pc-controls .mapbtn svg{width:calc(4 * var(--u));height:calc(4 * var(--u))}.pc-controls .mapbtn.on{background:#e8b84a8c;border-color:#ffd56b;color:#2b2320;text-shadow:none}.pc-controls .mapbtn .kb{position:absolute;top:calc(-1 * var(--u));right:calc(-.8 * var(--u))}.pc-controls .keys{position:absolute;left:50%;bottom:calc(3 * var(--u) + var(--safe-b));transform:translate(-50%);display:flex;gap:calc(2 * var(--u));align-items:center;background:#14181080;border-radius:999px;padding:calc(.8 * var(--u)) calc(2.2 * var(--u));color:#fff7e4;font:600 max(11px,calc(1.5 * var(--u))) var(--body);white-space:nowrap}.pc-controls .keys span{display:flex;align-items:center;gap:calc(.5 * var(--u))}.pc-controls kbd{font:600 max(11px,calc(1.4 * var(--u))) var(--body);background:#fff7e4;color:#2b2320;border-radius:4px;padding:.1em .45em;box-shadow:0 2px #a99d80}.pc-controls kbd.on{background:#ffd56b}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#7fae52;--u: min(1vw, 2.17vh);font-family:var(--body)}.app.pc .menu-screen{--u: min(1vw, 1.9vh, 15px)}.app.portrait .menu-screen{--u: 2.4vw}.menu-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.app.portrait .menu-screen{--band-top: 26vh}@media (min-aspect-ratio: 1/2){.app.portrait .menu-screen{--band-top: 19vh}}.app.portrait .menu-art{top:var(--band-top);bottom:auto;height:calc(100vw * 298 / 380)}.app.portrait .menu-screen{background:linear-gradient(to bottom,transparent calc(var(--band-top) + 100vw * 298 / 380 - 2px),#6f9c46 0),linear-gradient(90deg,#78a64c 50%,#7fae52 50%) calc(-60 * 100vw / 380) 0 / calc(110 * 100vw / 380) 100% repeat-x,#7fae52}.menu-screen .logo{position:absolute;left:calc(4.7 * var(--u) + var(--safe-l));top:calc(4vh + var(--safe-t));width:52vw;height:28vh;overflow:visible}.app.portrait .menu-screen .logo{left:6vw;width:88vw;top:calc(3vh + max(44px,calc(5.2 * var(--u))) + 1.5vh + var(--safe-t));height:calc(23vh - max(44px,calc(5.2 * var(--u))))}.menu-screen .icon{position:absolute;width:max(44px,calc(5.2 * var(--u)));height:max(44px,calc(5.2 * var(--u)));padding:0;border-radius:50%;background:#14181099;display:grid;place-items:center;font-size:max(18px,calc(2.3 * var(--u)));color:#fff;border:0}.menu-screen .gear{top:calc(3vh + var(--safe-t));right:calc(2.4 * var(--u) + var(--safe-r))}.menu-panel{position:absolute;right:calc(4 * var(--u) + var(--safe-r));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(1.8 * var(--u));width:max(200px,calc(30 * var(--u)))}.app.portrait .menu-panel{top:auto;transform:none;left:8vw;right:8vw;width:auto;bottom:calc(8vh + var(--safe-b))}.menu-panel .big{padding:max(12px,calc(2.4 * var(--u))) 0}.menu-panel .big.alt{padding:max(10px,calc(1.8 * var(--u))) 0}.menu-panel .big:disabled{opacity:.6}.menu-join{display:flex;gap:var(--u)}.menu-join input{flex:1;min-width:0;font:400 max(14px,calc(2.1 * var(--u))) var(--display);text-align:center;letter-spacing:.15em;border:2px solid #2b2320;border-radius:calc(1.6 * var(--u));background:#fff7e4;color:#2b2320}.menu-join .big{flex:1}.menu-error{background:#fff7e4eb;color:#b63c2a;border-radius:var(--u);padding:var(--u);font-size:max(12px,calc(1.5 * var(--u)));text-align:center}.menu-net{position:absolute;left:calc(2.4 * var(--u) + var(--safe-l));bottom:calc(2vh + var(--safe-b));background:#1418108c;color:#fff7e4;border-radius:999px;padding:calc(.4 * var(--u)) calc(1.2 * var(--u));font-size:max(11px,calc(1.3 * var(--u)))}.menu-net.net-connected{color:#c8f0a0}.menu-net.net-disconnected,.menu-net.net-error{color:#ffb09a}.tut{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;--u: min(1vw, 2.17vh);font-family:var(--body)}.app.pc .tut{--u: min(1.27vh, 12px)}.tut .bubble{position:absolute;overflow-wrap:anywhere;max-width:max(240px,calc(34 * var(--u)));background:#fff7e4;color:#2b2320;border-radius:calc(2 * var(--u));padding:calc(1.4 * var(--u)) calc(1.6 * var(--u));font-size:max(13px,calc(1.8 * var(--u)));line-height:1.3;box-shadow:0 6px 18px #0000004d;pointer-events:auto}.tut .bubble.center{left:50%;top:40%;transform:translate(-50%,-50%);text-align:center}.tut .bubble b{font-family:var(--display);font-weight:400}.tut .bubble .muted{color:#7a6a3c}.tut .ring{position:absolute;border:3px solid #fff7e4;border-radius:50%;animation:tut-pulse 1.2s ease-in-out infinite;box-shadow:0 0 0 200vmax #00000059}@keyframes tut-pulse{50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.tut .ring{animation:none}}.tut .skip{font:600 max(12px,calc(1.5 * var(--u))) var(--body);border:0;background:none;color:#7a6a3c;text-decoration:underline;padding:0;margin-top:calc(.6 * var(--u));box-shadow:none}.menu-screen .bmenu.offer{justify-content:center;align-items:center;padding:0}.menu-screen .offer .box{width:max(260px,calc(36 * var(--u)))}.menu-screen .offer-title{font:400 max(16px,calc(2.6 * var(--u))) var(--display)}