@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/static/assets/russo-one-cyrillic-400-normal-BXZIn0h3.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/static/assets/russo-one-latin-400-normal-BfOuQF9V.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.btn{pointer-events:auto;cursor:pointer;color:#cfe0f2;letter-spacing:2px;background:#02142899;border:1px solid #ffffff2e;border-radius:4px;margin:.4em;padding:.55em 1.15em;font-size:clamp(14px,2vmin,26px);display:inline-block;box-shadow:0 0 14px #00000080}.btn:hover{background:#0a2846b3}.btn:disabled{cursor:default;opacity:.45}.btn:disabled:hover{background:#02142899}.btn.small{letter-spacing:0;padding:.4em .8em;font-size:clamp(11px,1.4vmin,18px)}.screen{z-index:2;text-align:center;color:#cfe0f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0210208c;border:1px solid #ffffff1f;border-radius:8px;max-width:92vw;padding:24px 28px}.name-row{width:fit-content;margin:0 auto 12px;position:relative}.name-row .name-input{margin:0}.flag-toggle{pointer-events:auto;cursor:pointer;opacity:.85;background:0 0;border:1px solid #ffffff4d;border-radius:3px;width:30px;height:21px;padding:0;position:absolute;top:50%;right:7px;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 6px #0006}.flag-toggle svg{width:100%;height:100%;display:block}.flag-toggle:hover{opacity:1;border-color:#fff9}.name-input{text-align:center;color:#6fd0ff;background:#00000059;border:1px inset #0006;border-radius:4px;width:100%;margin:0 auto 12px;padding:8px;font-size:22px;display:block}.auth-row{pointer-events:auto;justify-content:center;align-items:center;gap:.6em;margin-top:.5em;font-size:clamp(12px,1.5vmin,18px);display:flex}.auth-hint{opacity:.65;font-size:.85em}.auth-avatar{border-radius:50%;width:1.7em;height:1.7em}.auth-name{opacity:.85}.model-loader{color:#9fe0ff;text-shadow:0 0 8px #6fd0ff73;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:clamp(13px,1.8vmin,20px);display:flex}.model-loader .spinner{border:3px solid #6fd0ff4d;border-top-color:#aee6ff;border-radius:50%;width:1.15em;height:1.15em;animation:.9s linear infinite model-loader-spin;box-shadow:0 0 10px #6fd0ff59}@keyframes model-loader-spin{to{transform:rotate(360deg)}}.lobby-actions{flex-wrap:wrap;justify-content:center;display:flex}.screen-lobby h1{color:#7fa8cc;margin:14px 0 18px;font-size:20px;font-weight:400}.opened-games{border-collapse:separate;color:#9fb2c6;width:100%;min-width:320px;margin:0 auto}.opened-games th{text-transform:uppercase;letter-spacing:1px;opacity:.5;padding:8px 10px;font-size:.82em;font-weight:400}.opened-games td{text-align:left;padding:8px 10px}.opened-games td.button-container{text-align:center;min-width:50px}.opened-games .odd{background:#ffffff0d}.opened-games .even{background:#ffffff1a}.opened-games .empty{text-align:center;color:#997e57;background:#ffffff0d;padding:14px 10px;font-weight:700}.status-line{color:#6f88a0;justify-content:space-between;gap:20px;width:100%;margin-top:28px;font-size:13px;display:flex}.status-line .k{color:#6f88a0;margin-right:.4em}.status-line .v{color:#93acc4;font-weight:600}.tooltip{text-align:center;text-shadow:0 0 3px #000000bf;color:#c9d9df;width:100%;font-size:clamp(16px,2.6vmin,34px);position:absolute;top:24px}.tooltip.tip-warn{color:#d6a94a}.tooltip.tip-hit{color:#63c37a}.tooltip.tip-destroy{color:#46d07c;font-weight:700}.tooltip.tip-miss{color:#8aa0b5}.tooltip.tip-damage{color:#e0685f}.tooltip.tip-safe{color:#57b8cf}.tooltip.tip-win{color:#4fd0a0;font-weight:700}.tooltip.tip-lose{color:#d05a5a;font-weight:700}.battle-actions{justify-content:center;width:100%;display:flex;position:absolute;bottom:18px}.screen-battle,.screen-result{pointer-events:none}@media (width<=640px),(height<=640px){.tooltip{top:8px}.battle-actions{justify-content:flex-end;padding-right:5px;bottom:8px}}@media (width<=640px) and (orientation:portrait){.battle-actions.setup{justify-content:center;padding-right:0;bottom:60px}}.screen-result .panel{transform-origin:50%;min-width:min(460px,88vw);padding:32px 28px;animation:.75s both result-pop}.screen-result .panel.win{border-color:#4a9f9273;box-shadow:0 0 24px #4a9f922e}.screen-result .panel.lose{border-color:#c9636366;box-shadow:0 0 24px #c9636329}.screen-result.lose{background:#020a1459}.result-stage{position:relative}.result-canvas{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-result h1{letter-spacing:2px;margin:0 0 20px;font-family:Russo One,sans-serif;font-size:clamp(26px,4vmin,52px);font-weight:400;position:relative}.screen-result h1.win{color:#4a9f92;text-shadow:0 0 18px #4a9f928c;animation:.6s ease-out resultPulse}.screen-result h1.lose{color:#c96363;text-shadow:0 0 18px #c9636373;animation:.55s ease-out resultShake,.6s ease-out .55s both resultKeel}.result-progress{color:#9fb2c6;margin:0 0 22px;font-size:14px}.result-progress .gain{color:#f4d565}.result-bar{background:#ffffff1f;border-radius:2px;width:min(320px,82%);height:4px;margin:10px auto 0;overflow:hidden}.result-bar-fill{background:#f4d565;border-radius:2px;height:100%}.screen-result .btn{opacity:0;animation:.5s ease-out .45s forwards resultBtnIn}@keyframes resultPulse{0%{opacity:0;transform:scale(.85)}45%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes result-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1}45%{transform:scale(1.1)}62%{transform:scale(.95)}78%{transform:scale(1.04)}90%{transform:scale(.98)}to{transform:scale(1)}}@keyframes resultShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes resultKeel{0%{transform:rotate(0)}to{transform:rotate(-2deg)}}@keyframes resultBtnIn{to{opacity:1}}.chat{pointer-events:auto;z-index:5;color:#dce6f0;text-align:left;background:#021020d1;border-right:1px solid #ffffff2e;flex-direction:column;width:360px;max-width:80vw;font-size:12px;display:flex;position:fixed;bottom:0;left:0}.chat .chat-head{pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;border-top:1px solid #ffffff2e;align-items:center;padding:4px 6px;display:flex}.chat .chat-label{opacity:.5;white-space:nowrap;margin-right:6px}.chat .chat-tab{cursor:pointer;opacity:.55;margin-right:4px;padding:2px 8px;display:inline-block}.chat .chat-tab.active{opacity:1;background:#ffffff24}.chat .chat-tab.blink{opacity:1;animation:1s ease-in-out infinite chatTabBlink}.chat .chat-log{pointer-events:auto;height:180px;padding:4px 6px;overflow-y:auto}.chat .chat-line{word-break:break-word;margin-bottom:2px}.chat .chat-time{opacity:.45;margin-right:4px}.chat .chat-name{color:#8fc7ff;margin-right:4px}.chat .chat-name:after{content:":"}.chat .chat-system{opacity:.7;font-style:italic}.chat .chat-mark{color:#8fc7ff;margin-right:4px}.chat .chat-say{align-items:stretch;padding:4px 6px;display:flex}.chat .chat-say input{color:#cfe6ff;background:#0000004d;border:1px solid #ffffff29;border-right:none;border-radius:4px 0 0 4px;outline:none;flex:1;min-width:0;padding:4px 8px;font-size:12px}.chat .chat-say input::placeholder{color:#6f88a0}.chat .chat-say input:focus{border-color:#78b4f08c}.chat .chat-say .btn.small{white-space:nowrap;border-left:none;border-radius:0 4px 4px 0;align-items:center;margin:0;display:flex}.chat.collapsed .chat-log,.chat.collapsed .chat-say{display:none}.ship-tip{z-index:1;pointer-events:none;position:fixed}.ship-tip-dot{opacity:.75;background:#ffd24a;border-radius:50%;width:4px;height:4px;animation:.12s ease-out both ship-tip-dot;position:absolute;top:-2px;left:-2px;box-shadow:0 0 8px #ffd24acc}.ship-tip-line1{opacity:.25;transform-origin:0;background:#ffd24a;width:26px;height:1px;animation:.14s linear .1s both ship-tip-line;position:absolute;top:0;left:0;transform:rotate(-45deg)}.ship-tip-line2{opacity:.25;background:#ffd24a;width:34px;height:1px;animation:.14s linear .24s both ship-tip-line;position:absolute;top:-19px;left:18px}.ship-tip-plate{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#1a242e;text-align:left;transform-origin:0 100%;background:#ffffff40;border:1px solid #96afc854;border-radius:4px;min-width:200px;padding:10px 14px;animation:.18s ease-out .38s both ship-tip-plate;position:absolute;top:-18px;left:52px;transform:translateY(-100%);box-shadow:0 4px 18px #00000059}.ship-tip-name{letter-spacing:.5px;color:#0a141e;white-space:nowrap;margin-bottom:6px;font-size:17px;font-weight:700}.ship-tip-armament{color:#8a2222;white-space:nowrap;margin-bottom:6px;font-size:13px;font-weight:600}.ship-tip-row{color:#2a3642;white-space:nowrap;font-size:12.5px;line-height:1.5}.ship-tip-row b{color:#0a141e;font-weight:700}@keyframes ship-tip-dot{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ship-tip-line{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ship-tip-plate{0%{opacity:0;transform:translateY(-100%)scale(.92)}to{opacity:1;transform:translateY(-100%)scale(1)}}.alert-overlay{pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(6px);background:#02102080;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.alert-overlay .alert-text{color:#bbb;font-size:24px}.alert-reconnect{flex-direction:column;align-items:center;gap:10px;display:flex}.alert-hint{opacity:.7;color:#cfe0f2;font-size:14px}.top-actions{z-index:15;gap:8px;display:flex;position:fixed;top:10px;right:10px}.top-flag{z-index:15;position:fixed;top:10px;left:10px}.flag-btn{pointer-events:auto;opacity:.7;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.flag-btn svg{border-radius:2px;width:30px;height:21px}.flag-loading{border-radius:inherit;background:#02102099;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flag-loading .spinner{border:2px solid #6fd0ff4d;border-top-color:#aee6ff;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite model-loader-spin}.sky-menu{pointer-events:auto;position:relative}.sky-menu-list{z-index:16;pointer-events:auto;flex-direction:column;gap:6px;padding-top:6px;display:flex;position:absolute;top:100%;left:0}.top-btn{color:#cfe0f2;opacity:.55;cursor:pointer;background:#02142880;border:1px solid #ffffff26;border-radius:4px;width:38px;height:38px;padding:7px}.top-btn:hover{opacity:1}.top-btn svg{width:100%;height:100%;display:block}.top-btn.flag-btn svg{width:30px;height:21px}.top-btn.active{opacity:1;color:#ffd77a;border-color:#ffd77a80}.wait-overlay{pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(6px);text-align:center;background:#02102080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wait-modal{color:#cfe0f2;background:#021020b8;border:1px solid #ffffff1f;border-radius:8px;max-width:min(440px,92vw);padding:28px 36px}.wait-text{margin-bottom:18px;font-size:clamp(18px,2.6vmin,26px)}.wait-dots span{animation:1.4s ease-in-out infinite waitDot}.wait-dots span:nth-child(2){animation-delay:.2s}.wait-dots span:nth-child(3){animation-delay:.4s}@keyframes waitDot{0%,to{opacity:.2}40%{opacity:1}}.error-toast{pointer-events:auto;z-index:30;-webkit-backdrop-filter:blur(6px);color:#cfe0f2;background:#021020d9;border:1px solid #c9636380;border-radius:8px;align-items:center;gap:10px;max-width:min(92vw,560px);padding:8px 10px 8px 18px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #c9636333}.settings-overlay{pointer-events:auto;z-index:25;-webkit-backdrop-filter:blur(6px);background:#02102080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{color:#cfe0f2;text-align:center;background:#021020e6;border:1px solid #ffffff1f;border-radius:8px;width:min(360px,92vw);padding:22px 26px}.settings-title{margin-bottom:18px;font-size:clamp(18px,2.4vmin,24px)}.settings-section{text-align:left;margin-bottom:16px}.settings-label{opacity:.75;margin-bottom:7px;font-size:13px}.settings-langs{flex-wrap:wrap;gap:8px;display:flex}.lang-opt{pointer-events:auto;color:#cfe0f2;cursor:pointer;font:inherit;background:#02142880;border:1px solid #ffffff26;border-radius:5px;flex:40%;padding:8px 10px}.lang-opt:hover{border-color:#ffffff59}.lang-opt.active{color:#ffd77a;border-color:#ffd77a99}.settings-range{pointer-events:auto;accent-color:#ffd77a;width:100%}@keyframes chatTabBlink{0%,to{background:#8fc7ff1f}50%{background:#8fc7ff6b}}@media (width<=640px){.panel{max-width:96vw;padding:18px 8px}.screen-result .panel{padding:22px 10px}.screen-enter .panel{padding:20px 16px}.opened-games{min-width:0;margin:0;font-size:12px}}@media (width<=640px) and (orientation:portrait){.chat{width:50vw;min-width:220px;max-width:80vw}.chat.collapsed{min-width:0}}@media (height<=640px) and (orientation:landscape){.chat{width:320px;max-width:55vw}.chat:not(.collapsed){height:100%;top:0}.chat:not(.collapsed) .chat-log{flex:1;height:auto;min-height:0}}.rank-chevron{display:block;overflow:visible}.rank-badge{pointer-events:auto;cursor:pointer;vertical-align:middle;height:1.5em;margin-right:.55em;display:inline-block}.rank-badge .rank-chevron{width:auto;height:100%}.rank-overlay{pointer-events:auto;z-index:22;-webkit-backdrop-filter:blur(6px);color:#cfe0f2;text-align:center;background:#021020bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rank-modal{background:#021020b8;border:1px solid #ffffff1f;border-radius:8px;max-width:min(500px,92vw);padding:28px 32px}.rank-row{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.rank-main{width:clamp(88px,16vmin,128px);height:auto}.rank-side{opacity:.85;width:clamp(52px,9.5vmin,76px);height:auto}.rank-side.rank-prev{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 70%);mask-image:linear-gradient(90deg,#0000 0,#000 70%)}.rank-side.rank-next{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 70%);mask-image:linear-gradient(270deg,#0000 0,#000 70%)}.rank-title{letter-spacing:2px;color:#f4d565;margin:6px 0 14px;font-family:Russo One,sans-serif;font-size:clamp(24px,4vmin,34px)}.rank-note{color:#9fb2c6;margin-bottom:12px;font-size:14px;line-height:1.55}.rank-guest-note{color:#50667a;margin-bottom:16px;font-size:12px}.rank-actions{justify-content:center;align-items:center;gap:10px;display:flex}.rank-reward{pointer-events:auto}.rank-promo{z-index:24;cursor:pointer;overflow:hidden}.promo-streak{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff17 50%,#fff0 100%);width:16vmax;height:170vmax;animation:5.5s linear infinite both streakSweep;position:absolute;top:-35vmax;left:0}.promo-streak-b{opacity:.75;width:9vmax;animation-delay:.8s}.promo-box{transform:translateY(-3vh)}.promo-stage{width:clamp(140px,32vmin,240px);margin:0 auto;position:relative}.promo-chevron{width:100%;height:auto;animation:.55s cubic-bezier(.2,1.4,.4,1) both promoPop;position:relative}.promo-canvas{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promo-label{letter-spacing:4px;text-transform:uppercase;color:#9fb2c6;margin-top:34px;font-size:clamp(13px,2vmin,17px)}.promo-name{letter-spacing:2px;color:#f4d565;text-shadow:0 0 18px #ffd94d73;margin-top:12px;font-family:Russo One,sans-serif;font-size:clamp(30px,6vmin,52px)}.promo-safe{letter-spacing:3px;text-transform:uppercase;color:#f4d565;opacity:0;border:1px solid #f4d56580;border-radius:4px;margin-top:16px;padding:6px 14px;font-size:13px;animation:.5s ease-out .5s forwards resultBtnIn;display:inline-block;box-shadow:0 0 14px #ffd94d40}@keyframes promoPop{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes streakSweep{0%{transform:translate(-70vw)rotate(14deg)}55%{transform:translate(120vw)rotate(14deg)}to{transform:translate(120vw)rotate(14deg)}}@media (width<=640px){.rank-modal{padding:20px 14px}.rank-row{gap:12px}}.rank-progress{width:min(320px,90%);margin:0 auto 20px}.rank-progress-bar{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:5px;height:10px;overflow:hidden}.rank-progress-fill{background:linear-gradient(90deg,#8a6d1f,#f4d565);border-radius:5px;height:100%;transition:width .4s}.rank-progress-text{color:#9fb2c6;margin-top:6px;font-size:13px}.rank-progress-max{color:#f4d565;margin-bottom:12px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#cdd8e4;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#021428;font-family:sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#stage{z-index:0;position:fixed;inset:0}#app{z-index:1;pointer-events:none;position:fixed;inset:0}#app button,#app input,#app a,#app .hud-interactive{pointer-events:auto}