@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-BeciDpKm.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--bg: #10142a;--panel: #1b2142;--panel-2: #252c55;--line: #0c0e14;--text: #eef1fb;--muted: #9aa4c8;--accent: #4ff0ff;--gold: #ffc93d;--danger: #ff5a6e;--ok: #4dffb0;--epic: #b67bff;--legend: #ff8a1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}body{background-color:var(--bg);background-image:linear-gradient(rgba(120,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.06) 1px,transparent 1px);background-size:44px 44px}#app{position:fixed;top:0;right:0;bottom:0;left:0}#layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}#layer>*{pointer-events:auto}@media (orientation: portrait){body.landscape :is(#app,#layer){inset:auto;top:0;left:100vw;width:100vh;width:100dvh;height:100vw;transform:rotate(90deg);transform-origin:top left}}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#23305a,#10142a 70%);transition:opacity .35s}.game-loading.done{opacity:0;pointer-events:none}.game-loading img{width:84px;height:84px;animation:loading-bob 1.4s ease-in-out infinite}.game-loading h3{margin:0;font-size:22px;font-weight:900;color:var(--gold)}.game-loading .load-bar{width:min(320px,70vw);height:10px;border-radius:99px;background:#0a0d1e;border:1px solid #2f3866;overflow:hidden}.game-loading .load-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f7ae5,#4ff0ff);transition:width .25s}.game-loading small{color:var(--muted);font-size:14px}.game-loading button{margin-top:6px;color:#fff;background:#2f7ae5;border:0;box-shadow:none}@keyframes loading-bob{50%{transform:translateY(-8px) rotate(-3deg)}}.install-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;text-align:start;color:var(--text);background:#1e2440;border:1px solid #2f3866;border-radius:14px;box-shadow:none}.install-card img{width:44px;height:44px;border-radius:10px;flex:none}.install-card span{display:flex;flex-direction:column;gap:2px}.install-card b{font-size:15px}.install-card small{font-size:12.5px;font-weight:400;color:var(--muted)}.auth-page #install-slot{width:min(380px,100%);margin-top:14px}.install-steps{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:10px;line-height:1.8;text-align:start}.share-ico{width:20px;height:20px;vertical-align:-4px;color:#4f9dff}button{font-family:inherit;font-weight:700;font-size:16px;color:var(--line);background:var(--accent);border:3px solid var(--line);border-radius:12px;padding:10px 18px;cursor:pointer;box-shadow:0 4px 0 var(--line)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--line)}button:disabled{opacity:.45;cursor:default}button.secondary{background:var(--panel-2);color:var(--text)}button.gold{background:var(--gold)}button.danger{background:var(--danger)}button.small{font-size:13px;padding:6px 10px;border-radius:9px}input{font-family:inherit;font-size:16px;width:100%;padding:11px 14px;border-radius:12px;border:3px solid var(--line);background:#0d1124;color:var(--text);outline:none;user-select:text;-webkit-user-select:text}input:focus{border-color:var(--accent)}:root{--p-bg: #232323;--p-bar: #161616;--p-card: #141414;--p-line: #2b2b2b;--p-blue: #1f6fd1;--p-blue2: #2d8cff;--p-muted: #8e95a5}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center}.err{color:var(--danger);font-size:14px;text-align:center}.err:empty{display:none}.muted{color:var(--p-muted)}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font-size:15px;font-weight:800;color:#fff;background:var(--p-blue);box-shadow:none;transition:filter .12s,transform .12s,background .12s}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button:hover:not(:disabled){filter:brightness(1.12)}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button:active:not(:disabled){transform:scale(.97);box-shadow:none}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button:disabled{opacity:.45;cursor:default}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button svg{width:20px;height:20px;flex:none}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.secondary{background:#2f2f2f;color:#fff}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.gold{background:linear-gradient(180deg,#ffd45e,#f5a312);color:#3a1d00}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.danger{background:#c9354b}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.ghost{background:transparent;color:var(--p-muted)}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.ghost:hover:not(:disabled){color:#fff}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.small{font-size:13px;padding:7px 14px;border-radius:8px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.big{padding:15px 22px;font-size:18px;border-radius:12px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.big svg{width:22px;height:22px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay) button.icon{width:40px;height:40px;padding:0;border-radius:50%}:is(.page,.auth-page,.prematch,.modal-wrap) input:not([type=checkbox]){font-family:inherit;font-size:16px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--p-line);background:#1b1b1b;color:#fff;outline:none}:is(.page,.auth-page,.prematch,.modal-wrap) input:focus{border-color:var(--p-blue2)}:is(.page,.auth-page,.prematch,.modal-wrap) input::placeholder{color:#6d7280}:is(.page,.auth-page,.prematch,.modal-wrap) input[dir=ltr]:placeholder-shown{direction:rtl}.avatar{--s: 44px;position:relative;width:var(--s);height:var(--s);flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:calc(var(--s) * .42);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,hsl(var(--h, 210) 75% 58%),hsl(calc(var(--h, 210) + 40) 70% 40%))}.avatar svg{width:calc(var(--s) * .58);height:calc(var(--s) * .58)}.avatar .dot{position:absolute;bottom:1px;inset-inline-end:1px;width:12px;height:12px;border-radius:50%;background:#3ddc6f;border:2px solid var(--p-card)}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--p-bg)}.appbar{flex:none;display:flex;align-items:center;gap:12px;height:60px;background:var(--p-bar);border-bottom:1px solid var(--p-line);padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.appbar h1{flex:1;margin:0;text-align:center;font-size:19px;font-weight:800}.appbar .me .avatar{--s: 40px}.coin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;padding-inline:6px 12px;border-radius:999px;background:#262626}.coin-chip svg{width:24px;height:24px}.coin-chip b{color:var(--gold);font-size:15px;font-weight:900}.page-body{flex:1;overflow-y:auto;touch-action:pan-y;padding:14px max(14px,env(safe-area-inset-right)) 18px max(14px,env(safe-area-inset-left))}.narrow{width:min(640px,100%);margin:0 auto}.tabbar{flex:none;display:flex;justify-content:center;gap:6px;height:62px;background:var(--p-bar);border-top:1px solid var(--p-line);padding:6px 12px max(6px,env(safe-area-inset-bottom))}.page .tabbar .tab{position:relative;flex:0 1 140px;flex-direction:column;gap:2px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--p-muted);background:transparent}.page .tabbar .tab svg{width:24px;height:24px}.page .tabbar .tab.on{color:var(--p-blue2);background:#18263c}.tab .badge{position:absolute;top:2px;inset-inline-end:calc(50% - 26px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e53950;color:#fff;font-size:11px;font-style:normal;line-height:18px}.subtabs{display:flex;flex:none;background:var(--p-bar);border-bottom:1px solid var(--p-line)}:is(.page,.auth-page) .subtabs button{flex:1;border-radius:0;padding:13px 8px;font-size:15px;font-weight:700;color:var(--p-muted);background:transparent;border-bottom:3px solid transparent}:is(.page,.auth-page) .subtabs button.on{color:var(--p-blue2);border-bottom-color:var(--p-blue2)}.page-body>.subtabs{margin:-14px calc(-1*max(14px,env(safe-area-inset-right))) 14px}.list{background:var(--p-card);border-radius:12px;overflow:hidden;margin-bottom:14px}.list>.row,.list>.row-btn{width:100%;display:flex;align-items:center;gap:14px;padding:10px 14px;min-height:64px;text-align:start;border-radius:0;background:transparent;border-bottom:1px solid var(--p-line);color:#fff;font-weight:400}.list>:last-child{border-bottom:0}.list .row .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list .row .txt b{font-size:17px;font-weight:700}.list .row .txt small{font-size:13px;color:var(--p-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .row-btn b{font-size:17px}.list .row-btn .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--p-blue2);background:#12233a}.list .row-btn .ic svg{width:24px;height:24px}.list .row-btn:hover,.list .group-row:hover{background:#1b1b1b;filter:none}.list-head{margin:4px 4px 8px;font-size:13px;font-weight:800;color:var(--p-muted)}.empty-line{color:var(--p-muted);text-align:center;padding:14px;margin:0}.st{font-size:13px;color:var(--p-muted)}.st.on{color:#3ddc6f}.st.play{color:#ffb347}.group-row{position:relative;overflow:hidden}.fav{position:absolute;top:0;inset-inline-end:0;width:40px;height:34px;display:grid;place-items:center;color:#fff;background:var(--p-blue);border-end-start-radius:18px}.fav svg{width:18px;height:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;color:#565b66;padding:20px}.empty-state svg{width:180px;height:auto;color:#5d6370}.empty-state h3{margin:14px 0 4px;font-size:22px;color:#868c99}.empty-state p{margin:0;max-width:340px;color:var(--p-muted);line-height:1.7}.group-title{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.group-title>div{display:flex;flex-direction:column;min-width:0}.group-title b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-title small{color:var(--p-muted);font-size:12px}.group-title .avatar{--s: 40px}.page .fav-toggle{color:#4a4f5a}.page .fav-toggle.on{color:var(--p-blue2)}.group-body{display:flex;flex-direction:column}.msgs{display:flex;flex-direction:column;gap:8px;margin-top:auto}.msg{display:flex;align-items:flex-end;gap:8px;max-width:78%}.msg.mine{align-self:flex-start}.msg:not(.mine){align-self:flex-end;flex-direction:row-reverse}.bubble{display:flex;flex-direction:column;gap:2px;padding:8px 12px 6px;border-radius:16px;background:#333;line-height:1.6;word-break:break-word}.msg.mine .bubble{background:var(--p-blue);border-end-start-radius:4px}.msg:not(.mine) .bubble{border-end-end-radius:4px}.bubble b{font-size:12px;color:#7fb6ff}.bubble time{font-size:10px;color:#ffffff8c;align-self:flex-end}.chat-bar{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--p-bar);border-top:1px solid var(--p-line)}.chat-bar input{flex:1}.page button.send{background:var(--p-blue);color:#fff}.page button.send svg{width:18px;height:18px}.bottom-cta{flex:none}.page .bottom-cta{width:100%;border-radius:0;padding:16px;font-size:18px;letter-spacing:.3px}.map-thumb{width:72px;height:44px;flex:none;border-radius:8px;background:center / cover;border:1px solid #3a3a3a}.hero-card{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:14px;border-radius:14px;background:radial-gradient(ellipse at 15% 50%,#2c4a7a,transparent 70%),var(--p-card)}.hero-tank{width:150px;max-width:34%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.hero-txt h2{margin:0 0 8px;font-size:22px}.stat-row{display:flex;gap:8px;flex-wrap:wrap}.stat-row span{display:inline-flex;gap:5px;align-items:baseline;padding:4px 12px;border-radius:999px;font-size:13px;color:var(--p-muted);background:#262626}.stat-row b{color:#fff;font-size:15px}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.online-strip{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 12px}.online-strip .mini{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.online-strip small{font-size:12px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .ghost{margin:6px auto 0;display:flex}.auth-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:16px;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#2a3d63,transparent 60%),var(--p-bg)}.auth-page>*{flex-shrink:0}.auth-page>:first-child{margin-top:auto}.auth-page>:last-child{margin-bottom:auto}.logo{font-size:clamp(34px,6vw,52px);font-weight:900;margin:0 0 4px;color:var(--gold);text-shadow:0 4px 18px rgba(255,170,40,.3)}.sub{color:var(--p-muted);margin:0 0 18px}.auth-card{width:min(400px,100%);padding:0 0 18px;border-radius:14px;overflow:hidden;background:var(--p-card)}.auth-card>:not(.subtabs){margin:0 18px}.auth-card .subtabs{margin-bottom:6px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009;animation:fade .15s}.modal{width:min(420px,100%);max-height:90%;overflow-y:auto;padding:18px;border-radius:14px;background:#1c1c1c;color:#fff}.modal h3{margin:0 0 10px;font-size:19px}.modal-body p{margin:0 0 10px;line-height:1.7}.modal-body .my-id{color:var(--p-blue2);font-size:18px}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.pick{max-height:220px;overflow-y:auto;margin-top:10px;border-radius:10px;background:var(--p-card)}.pick-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--p-line);cursor:pointer}.pick-row input{width:20px;height:20px;accent-color:var(--p-blue2)}.ab-pop{display:flex;gap:12px;align-items:flex-start}.ab-pop .ico{width:56px;height:56px;flex:none}.ab-pop .ico>*{width:100%;height:100%;object-fit:contain}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:60;padding:10px 18px;border-radius:10px;background:#333;color:#fff;font-weight:700;box-shadow:0 8px 24px #0006;animation:fade .2s;transition:opacity .3s;white-space:nowrap}.toast.out{opacity:0}@keyframes fade{0%{opacity:0}}.garage{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:14px;width:min(1080px,100%);margin:0 auto;align-items:start}@media (max-width: 760px){.garage{grid-template-columns:1fr}}.detail{position:relative;padding:16px;display:flex;flex-direction:column;gap:12px;border-radius:14px;background:var(--p-card)}.detail .art{height:130px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(ellipse 70% 70% at 50% 72%,var(--glow, rgba(45, 140, 255, .22)),transparent 72%)}.detail .art img{max-width:88%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.55))}.detail h2{margin:0;font-size:24px;font-weight:900}.detail .role{color:var(--p-muted);font-size:14px}.bars{display:flex;flex-direction:column;gap:8px}.bar{display:grid;grid-template-columns:40px 1fr 34px;align-items:center;gap:10px;font-size:13px;color:var(--p-muted)}.bar i{height:8px;border-radius:99px;background:#262626;overflow:hidden}.bar em{display:block;height:100%;border-radius:inherit;background:var(--c)}.bar b{color:#fff;text-align:left}.abilities{display:flex;flex-direction:column;gap:8px}.ability{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:10px;border-radius:12px;background:#1c1c1c}.ico-box{width:46px;height:46px;padding:5px;border-radius:10px;background:radial-gradient(circle at 50% 30%,#3b4a72,#141a30)}.ico-box>*{width:100%;height:100%;display:block;object-fit:contain}.ability .head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:800;font-size:15px}.ability .cd{font-size:11px;font-weight:700;color:var(--p-muted);padding:2px 8px;border-radius:999px;background:#2a2a2a}.ability p{margin:4px 0 0;font-size:12.5px;line-height:1.75;color:var(--p-muted)}.owned-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;font-weight:800;color:#3ddc6f;background:#3ddc6f14}.owned-note svg{width:20px;height:20px}.need{text-align:center;font-size:13px;color:var(--p-muted);margin-top:-4px}.tank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.page .tank-card{position:relative;flex-direction:column;gap:0;padding:12px 8px;border-radius:12px;background:var(--p-card);border:2px solid transparent;color:#fff;font-weight:400}.tank-card:before{content:"";position:absolute;top:0;right:0;bottom:35%;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 50% 70%,var(--glow, rgba(45, 140, 255, .14)),transparent 72%)}.epic{--glow: rgba(182, 123, 255, .28)}.legendary{--glow: rgba(255, 150, 40, .3)}.page .tank-card.sel{border-color:var(--p-blue2);background:#16202e}.tank-card .art{position:relative;width:100%;height:88px;display:flex;align-items:center;justify-content:center;margin-top:8px}.tank-card .art img{max-width:94%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.5))}.tank-card.locked .art img{filter:grayscale(.85) brightness(.55)}.tank-card .name{position:relative;font-weight:900;font-size:16px;margin-top:6px}.tank-card .role{position:relative;color:var(--p-muted);font-size:12px}.tag{position:relative;margin-top:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.tag svg{width:13px;height:13px}.tag.price{color:var(--gold);background:#ffc93d1f}.tag.owned{color:#3ddc6f;background:#3ddc6f1a}.rar{position:absolute;top:9px;inset-inline-start:9px;z-index:1;font-size:10px;font-weight:900;padding:2px 9px;border-radius:999px;color:#fff}.rar.epic{background:#8e4dff}.rar.legendary{background:linear-gradient(90deg,#ff8a1a,#ffd36a);color:#3a1d00}.prematch{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;color:#fff;background:radial-gradient(ellipse 70% 80% at 50% 45%,#7b89a8,#4d5a78 45%,#262c3c)}.pm-top{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.prematch .pm-round{width:46px;height:46px;padding:0;border-radius:50%;background:#14161ed9}.prematch .pm-round svg{width:24px;height:24px}.pm-players{flex:1;display:flex;justify-content:center;align-items:flex-start;gap:clamp(14px,6vw,90px);flex-wrap:wrap}.pm-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}.pm-player .face{position:relative}.pm-player .avatar{--s: 54px;border:2px solid rgba(255,255,255,.85)}.pm-player .avatar.ghost{background:#dcdde3;color:#8d909b;border-color:#fff}.pm-player.off{opacity:.45}.pm-player b{display:inline-flex;align-items:center;gap:4px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}.pm-player.empty b{color:#e9ebf2}.prematch button.pm-player.empty{padding:0;background:transparent;border-radius:0;flex-direction:column;gap:4px;cursor:pointer}.pm-player .crown{display:inline-flex;color:var(--gold)}.pm-player .crown svg{width:15px;height:15px}.pm-player .live{width:9px;height:9px;border-radius:50%;background:#3ddc6f}.pm-player .ok{position:absolute;bottom:-2px;inset-inline-start:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2fbf5f;border:2px solid #fff}.pm-player .ok svg{width:13px;height:13px;stroke-width:3.2}.pm-player .say{position:absolute;top:100%;margin-top:6px;z-index:4;max-width:180px;padding:6px 10px;border-radius:10px;background:#fff;color:#1b1b1b;font-size:13px;font-weight:700;line-height:1.5;text-align:center;box-shadow:0 6px 16px #00000059;animation:fade .2s;transition:opacity .4s}.pm-player .say:before{content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top:0;border-bottom-color:#fff}.pm-player .say.out{opacity:0}.pm-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,2vh,16px)}.pm-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(20px,3vw,40px);width:min(760px,92vw)}.pm-head .pm-stats{justify-self:end;align-self:start}.pm-head h2{margin:0;font-size:clamp(30px,5vw,48px);font-weight:900;line-height:1.2;text-shadow:0 3px 8px rgba(0,0,0,.35)}.pm-stats{display:flex;flex-direction:column;gap:clamp(4px,1.2vh,8px)}.pm-bar{display:grid;grid-template-columns:22px auto;align-items:end;column-gap:9px}.pm-bar>svg{width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.pm-bar small{display:block;margin-bottom:3px;font-size:11px;font-weight:800;line-height:1;color:#eef2fa}.pm-bar i{display:block;width:clamp(90px,12vw,140px);height:10px;border-radius:2px;overflow:hidden;background:#1f3f7d;box-shadow:0 1px 3px #0000004d}.pm-bar em{display:block;height:100%;background:#fff}.pm-carousel{direction:ltr;display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,40px);width:100%}.prematch .pm-tank{position:relative;padding:0;background:transparent;border-radius:0}.pm-tank img{display:block;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}.pm-tank.main img{height:clamp(80px,25vh,180px);max-width:34vw}.pm-live canvas{display:block;width:min(380px,40vw)!important;height:auto!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}.pm-tank.locked .pm-live canvas{filter:grayscale(.9) brightness(.45)}.pm-tank.side img{height:clamp(60px,17vh,120px);max-width:20vw;filter:brightness(.55) saturate(.7) drop-shadow(0 8px 6px rgba(0,0,0,.4))}.pm-tank.locked img{filter:grayscale(.9) brightness(.45)}.pm-tank .lock{position:absolute;top:-4px;right:6px;width:34px;height:34px;padding:5px;border-radius:50%;color:#e6e8ee;background:#14161ebf}.pm-tank .lock svg{width:100%;height:100%}.prematch .pm-arrow{width:50px;height:64px;padding:0;background:transparent;color:#fff}.pm-carousel.slide-left .pm-tank.main{animation:pm-from-left .34s cubic-bezier(.2,.9,.3,1.15)}.pm-carousel.slide-right .pm-tank.main{animation:pm-from-right .34s cubic-bezier(.2,.9,.3,1.15)}.pm-carousel:is(.slide-left,.slide-right) .pm-tank.side{animation:pm-side-in .34s ease-out}.pm-head:is(.slide-left,.slide-right){animation:pm-side-in .3s ease-out}@keyframes pm-from-left{0%{transform:translate(-30vw) scale(.6);opacity:.35}}@keyframes pm-from-right{0%{transform:translate(30vw) scale(.6);opacity:.35}}@keyframes pm-side-in{0%{transform:scale(.85);opacity:0}}.prematch .pm-arrow svg{width:50px;height:64px;stroke-width:3.4;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.pm-bottom{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:#2a2d36;padding:12px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.pm-side{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.prematch .pm-map{position:relative;width:190px;height:82px;padding:0;flex-direction:column;justify-content:center;gap:0;border-radius:10px;background:center / cover #333;border:3px solid #fff;box-shadow:0 4px 12px #00000059}.pm-map b{font-size:16px;font-weight:900;color:#fff;text-shadow:0 0 6px #000,0 2px 2px #000}.pm-map small{font-size:10px;color:#fff;opacity:.85;text-shadow:0 1px 3px #000}.pm-chat{display:flex;gap:6px;width:min(300px,100%)}.prematch .pm-chat input{flex:1;min-width:0;padding:8px 12px;font-size:14px;background:#15161b;border-color:#15161b}.prematch .pm-chat .send{width:36px;height:36px;flex:none}.pm-abils{display:flex;gap:14px}.prematch .pm-abil{position:relative;flex-direction:column;gap:2px;width:84px;height:84px;padding:6px;border-radius:12px;background:linear-gradient(#3c4f80,#26345a);border:2px solid #121620}.pm-abil .ico{width:46px;height:46px}.pm-abil .ico>*{width:100%;height:100%;object-fit:contain;display:block}.pm-abil small{font-size:12px;font-weight:800}.pm-abil .info{position:absolute;top:-9px;inset-inline-end:-9px;width:24px;height:24px}.prematch .pm-abil .info svg{width:24px;height:24px}.pm-go{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.prematch .pm-confirm{width:min(260px,100%);padding:18px;font-size:24px;border-radius:10px;background:#1f80e8}.prematch .pm-confirm.ready{background:#2fbf5f}.prematch .pm-confirm.buy{background:linear-gradient(180deg,#ffd45e,#f5a312);color:#3a1d00}.prematch .pm-confirm svg{width:26px;height:26px}.pm-status{width:min(260px,100%);text-align:center;font-size:14px;font-weight:700}@media (max-height: 430px){.pm-top{padding-top:max(6px,env(safe-area-inset-top))}.prematch .pm-round{width:38px;height:38px}.prematch .pm-round svg{width:20px;height:20px}.pm-players{gap:clamp(10px,4vw,48px)}.pm-player{gap:2px;min-width:56px}.pm-player .avatar{--s: 34px}.pm-player b{font-size:11px}.pm-player .ok{width:17px;height:17px}.pm-stage{gap:2px;padding-top:2px}.pm-head{column-gap:14px}.pm-head h2{font-size:24px;line-height:1.1}.pm-stats{gap:2px}.pm-bar{grid-template-columns:15px auto;column-gap:6px}.pm-bar>svg{width:15px;height:15px}.pm-bar small{font-size:9px;margin-bottom:1px}.pm-bar i{width:84px;height:6px}.pm-live canvas{width:min(300px,36vw,calc((100dvh - 222px)*1.65))!important}.pm-tank.side img{height:clamp(44px,15vh,70px)}.pm-tank .lock{width:26px;height:26px;padding:4px}.prematch .pm-arrow,.prematch .pm-arrow svg{width:36px;height:46px}.pm-bottom{gap:10px;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.pm-side{gap:5px}.prematch .pm-map{width:136px;height:50px}.pm-map b{font-size:13px}.pm-map small{font-size:9px}.prematch .pm-chat input{padding:6px 10px;font-size:13px}.prematch .pm-chat .send{width:30px;height:30px}.pm-abils{gap:10px}.prematch .pm-abil{width:56px;height:56px;padding:4px}.pm-abil .ico{width:30px;height:30px}.pm-abil small{font-size:10px}.pm-abil .info,.prematch .pm-abil .info svg{width:20px;height:20px}.prematch .pm-confirm{padding:9px;font-size:18px}.pm-status{font-size:12px}.pm-go{gap:4px}}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-back{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:46px;height:46px;padding:8px;border-radius:50%;color:#eef1fb;background:radial-gradient(circle at 50% 30%,#3b4a72,#151a2e)}.hud-back svg{width:100%;height:100%;display:block}.hud-mute{position:absolute;top:max(10px,env(safe-area-inset-top));left:calc(max(12px,env(safe-area-inset-left)) + 56px);width:46px;height:46px;padding:9px;border-radius:50%;color:#eef1fb;background:radial-gradient(circle at 50% 30%,#3b4a72,#151a2e)}.hud-mute svg{width:100%;height:100%;display:block}.clock-wrap{position:absolute;top:max(4px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;padding:6px 18px 4px;border-radius:0 0 18px 18px;border:3px solid var(--line);border-top:0;background:linear-gradient(#4a5262,#232836);box-shadow:inset 0 -2px #ffffff1a,0 4px 0 var(--line)}.clock{min-width:74px;padding:2px 12px;font-size:28px;font-weight:900;line-height:1.2;color:#fff;border-radius:10px;border:3px solid var(--line);background:linear-gradient(#ff5a4a,#b3121f);box-shadow:inset 0 3px #ffffff4d,inset 0 -3px #0000004d;text-shadow:0 2px 0 rgba(0,0,0,.4)}.clock.low{animation:pulse .5s infinite alternate}@keyframes pulse{to{transform:scale(1.08);filter:brightness(1.3)}}.turn{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}.hud-warn{position:absolute;top:92px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:900;color:var(--line);background:linear-gradient(#ffd36a,#ff8a1a);border:3px solid var(--line);border-radius:999px;padding:4px 16px;animation:pulse .7s infinite alternate;pointer-events:none}.hud-warn span{margin:0 6px}.hazard-band{position:absolute;top:14%;left:0;right:0;z-index:3;pointer-events:none;text-align:center;animation:band-in .35s cubic-bezier(.2,1.3,.4,1)}.hazard-band b{display:inline-block;margin:4px 0;padding:6px 28px;font-size:clamp(20px,4vw,40px);font-weight:900;color:#ffc93d;background:#0c0e14db;border:3px solid #ffc93d;border-radius:12px;text-shadow:0 3px 0 #0c0e14;animation:pulse .45s infinite alternate}.hazard-band .stripes{height:14px;background:repeating-linear-gradient(-45deg,#ffc93d 0,#ffc93d 18px,#0c0e14 18px,#0c0e14 36px);background-size:51px 14px;animation:stripes .6s linear infinite;opacity:.95}.hazard-band.out{animation:band-out .4s ease-in forwards}@keyframes band-in{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}@keyframes band-out{to{transform:translateY(-30px);opacity:0}}@keyframes stripes{to{background-position:51px 0}}.hud-warn+.hint{top:134px}.start-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.start-banner b{font-size:clamp(40px,9vw,96px);font-weight:900;color:#ffc93d;transform:rotate(-4deg);text-shadow:0 6px 0 #0c0e14,0 0 24px rgba(255,140,30,.6);-webkit-text-stroke:3px #0c0e14;animation:start-in .45s cubic-bezier(.2,1.6,.4,1)}.start-banner.out b{animation:start-out .45s ease-in forwards}@keyframes start-in{0%{transform:rotate(-4deg) scale(2.4);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}@keyframes start-out{to{transform:rotate(-4deg) scale(.6);opacity:0}}.hint{position:absolute;top:96px;left:50%;transform:translate(-50%);background:#0c0e14cc;padding:6px 16px;border-radius:999px;font-size:14px;pointer-events:none;white-space:nowrap;border:2px solid rgba(255,255,255,.1)}.dock{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px;direction:ltr}.dock-info{direction:rtl;max-width:420px;background:#0c0e14d1;border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:5px 12px;font-size:13px;line-height:1.6;color:var(--muted);pointer-events:none}.dock-info b{color:var(--text);margin-inline-end:8px;font-size:14px}.dock-info .ammo{display:block;color:#9dff3a;font-weight:700}.dock-row{display:flex;align-items:stretch;gap:8px}.dock-timer{direction:rtl;display:flex;align-items:center;gap:8px;padding:4px;border-radius:12px;background:#0c0e14db;border:2px solid rgba(255,201,61,.5);color:var(--text);font-size:13px}.dock-timer b{color:var(--gold);font-size:17px;margin:0 4px}.dock-timer button{width:34px;height:30px;padding:0;border-radius:8px;font-size:20px;line-height:1;box-shadow:none;border:0;background:#2f3646;color:#fff}.panel{display:flex;gap:8px;padding:8px 10px 6px;border-radius:16px;border:3px solid var(--line);background:linear-gradient(#4a5262,#2a2f3c 55%,#1e2230);box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000059,0 5px 0 var(--line)}.slot{position:relative;width:56px;height:64px;padding:5px 5px 13px;border-radius:12px;box-shadow:none;background:radial-gradient(circle at 50% 30%,#3b4a72,#141a30);border:3px solid var(--line)}.slot svg,.slot img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.slot.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 16px #4ff0ffb3}.slot:active:not(:disabled){transform:translateY(2px);box-shadow:none}.slot:disabled{opacity:1}.slot:disabled svg,.slot:disabled img{filter:grayscale(.85) brightness(.55)}.slot .cd{position:absolute;top:6px;right:6px;bottom:14px;left:6px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 0 var(--line),0 0 6px var(--line)}.slot .cd.ice{color:#8fe8ff}.pips{position:absolute;left:6px;right:6px;bottom:3px;display:flex;gap:3px;justify-content:center;align-items:center;height:8px}.pips i{flex:1;max-width:14px;height:5px;border-radius:3px;background:#0c0e14;box-shadow:inset 0 0 0 1px #ffffff1f}.pips i.full{background:var(--accent);box-shadow:0 0 6px var(--accent)}.pips .inf{font-size:13px;line-height:1;color:var(--muted);font-weight:900}.pips.charge{gap:1px}.pips.charge img{width:9px;height:9px}.firebtn{width:104px;padding:10px 20px;border-radius:18px;border:3px solid var(--line);background:linear-gradient(#ff6a5a,#c8182a 60%,#8a0f1a);box-shadow:inset 0 3px #ffffff59,inset 0 -5px #0000004d,0 0 0 4px #2a2f3c,0 0 0 7px var(--line),0 6px 0 7px var(--line)}.firebtn svg,.firebtn img{width:100%;height:100%;max-height:56px;display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.firebtn:disabled{opacity:1;filter:grayscale(.9) brightness(.6)}@media (max-height: 420px){.slot{width:46px;height:54px;padding:4px 4px 12px}.slot .cd{font-size:20px}.firebtn{width:84px;padding:8px 16px}.panel{gap:6px;padding:6px 8px 5px}.dock-info{max-width:280px;font-size:12px}.clock{font-size:22px;min-width:60px}.hud-warn{top:78px;font-size:13px}.hud-warn+.hint{top:110px}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:5}.result-card{text-align:center;align-items:center;animation:rise .35s cubic-bezier(.2,1.4,.4,1)}.result-title{font-size:40px;font-weight:900;color:#c8cde0;text-align:center;margin:0;text-shadow:0 6px 18px rgba(0,0,0,.45)}.result-title.win{color:var(--gold)}.result-names{color:var(--muted)}.result-coins{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:900;color:var(--gold);background:#ffc93d1a;border:1px solid rgba(255,201,61,.3);border-radius:999px;padding:5px 0;padding-inline:8px 18px}.result-coins svg{width:30px;height:30px}.trophy{width:110px;height:110px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35));animation:pop .5s .1s cubic-bezier(.2,1.6,.4,1) both}.trophy.lost{filter:grayscale(1) brightness(.6);transform:rotate(-12deg)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border:2px solid var(--line);border-radius:2px;animation:fall 2s linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@keyframes rise{0%{transform:translateY(40px) scale(.9);opacity:0}}@keyframes pop{0%{transform:scale(0)}}.result-card{width:min(380px,92%);padding:22px;border-radius:14px;background:#1c1c1c}