@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-BeciDpKm.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--vw: 1vw;--vh: 1vh;--dvh: 1vh;--dvh: 1dvh;--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}.link-down{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:70;padding:7px 16px;border-radius:999px;background:#c9354b;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #00000059}#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{--vw: 1vh;--vw: 1dvh;--vh: 1vw;--dvh: 1vw}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,calc(70 * var(--vw)));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,.landing) 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,.landing) button:hover:not(:disabled){filter:brightness(1.12)}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button:active:not(:disabled){transform:scale(.97);box-shadow:none}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button:disabled{opacity:.45;cursor:default}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button svg{width:20px;height:20px;flex:none}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.secondary{background:#2f2f2f;color:#fff}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.gold{background:linear-gradient(180deg,#ffd45e,#f5a312);color:#3a1d00}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.danger{background:#c9354b}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.ghost{background:transparent;color:var(--p-muted)}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.ghost:hover:not(:disabled){color:#fff}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.small{font-size:13px;padding:7px 14px;border-radius:8px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.big{padding:15px 22px;font-size:18px;border-radius:12px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.big svg{width:22px;height:22px}:is(.page,.auth-page,.prematch,.modal-wrap,.overlay,.landing) button.icon{width:40px;height:40px;padding:0;border-radius:50%}:is(.page,.auth-page,.prematch,.modal-wrap,.landing) 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,.landing) input:focus{border-color:var(--p-blue2)}:is(.page,.auth-page,.prematch,.modal-wrap,.landing) input::placeholder{color:#6d7280}:is(.page,.auth-page,.prematch,.modal-wrap,.landing) input[dir=ltr]:placeholder-shown{direction:rtl}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.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,.landing) .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,.landing) .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 6px;font-size:22px}.hero-rank{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hero-rank>b{font-size:15px;color:#ffd86b}.stat-row{display:flex;gap:8px;flex-wrap:wrap}.play-online{margin-bottom:12px;padding:14px;border-radius:14px;background:#1c2130;border:1px solid #2c3550}.po-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.po-head>b{font-size:18px}.po-kind{display:inline-flex;padding:3px;border-radius:999px;background:#10141f}.page .po-kind button{padding:6px 16px;border-radius:999px;font-size:13px;background:transparent;color:var(--p-muted)}.page .po-kind button.on{background:#ffc93d;color:#3a1d00}.po-hint{margin:8px 0 10px;font-size:12.5px;color:var(--p-muted)}.po-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page .po-modes button{flex-direction:column;gap:2px;padding:14px 6px;border-radius:12px;background:linear-gradient(#2f7ae5,#1d5bb8)}.po-modes b{font-size:16px}.po-modes small{font-size:11px;font-weight:600;opacity:.85}.po-party{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:13px}.page .po-party .po-invite{flex:1;justify-content:flex-start;gap:12px;padding:9px 12px;border-radius:12px;text-align:start;color:#dfe5f7;background:transparent;border:1.5px dashed #3a4466}.page .po-party .po-invite:hover:not(:disabled){background:#222a40;border-color:#4f6bb0;filter:none}.po-invite i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;font-size:20px;font-weight:900;line-height:1;color:#fff;background:#2a3a66}.po-invite span{display:flex;flex-direction:column;gap:1px;min-width:0}.po-invite b{font-size:14px}.po-invite small{font-size:12px;font-weight:600;color:var(--p-muted)}.page .po-party .po-leave{margin-inline-start:auto;padding:7px 12px;font-size:13px;color:var(--p-muted);background:transparent}.page .po-party .po-leave:hover:not(:disabled){color:#fff;filter:none}.po-label{color:var(--p-muted)}.po-member{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;border-radius:999px;background:#10141f}.po-member b{font-size:13px}.search-fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none}.po-search{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#fff;background:linear-gradient(100deg,#3a1d10,#24172a 55%,#1b2238);border:1px solid #6b3a1f;box-shadow:inset 0 0 22px #ff6e1e2e;animation:fade .25s}.po-spin{flex:none;width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,140,50,.25);border-top-color:#ffb03d;animation:spin .9s linear infinite}.po-what{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.po-what b{font-size:15px}.po-what small{font-size:12px;color:#f0b98a}.po-search em{font-style:normal;font-size:18px;font-weight:900;color:#ffc93d;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.page .po-search button{padding:8px 14px;border-radius:10px;font-size:13px;background:#c9354b}.tab .q-time{position:absolute;top:3px;inset-inline-end:calc(50% - 34px);padding:1px 6px;border-radius:8px;font-style:normal;font-size:10.5px;font-weight:900;color:#3a1d00;background:#ffb03d;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}@keyframes spin{to{transform:rotate(360deg)}}.page .rank-card{display:flex;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:12px 16px;border-radius:14px;text-align:start;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 22%,#1e1e1e),#1e1e1e 70%);border:1px solid color-mix(in srgb,var(--rc) 40%,transparent)}.rank-card .rc-txt{flex:1;display:flex;flex-direction:column;gap:3px}.rank-card b{font-size:18px;color:var(--rc)}.rank-card small{font-size:12px;font-weight:600;color:var(--p-muted)}.rc-bar{display:block;height:7px;border-radius:99px;background:#0d0d0d;overflow:hidden}.rc-bar em{display:block;height:100%;border-radius:inherit;background:var(--rc)}.medal{position:relative;display:inline-block;flex:none;vertical-align:middle;isolation:isolate}.medal img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.medal svg.m-stars{position:absolute;z-index:3;left:15%;bottom:-5%;width:70%;height:auto}.medal .m-place{position:absolute;z-index:3;left:50%;bottom:-6%;transform:translate(-50%);padding:0 .45em;border-radius:6px;line-height:1.45;background:#0c0e14;border:1px solid #ffd86b;color:#fff;font-weight:900}.medal.t4{--glow: rgba(196, 110, 255, .6);--shine: 6s}.medal.t5{--glow: rgba(255, 184, 60, .7);--shine: 4.5s}.medal.t6{--glow: rgba(255, 86, 30, .8);--shine: 4s}.medal.t7{--glow: rgba(110, 165, 255, .8);--shine: 3.2s}.medal.t4:not(.fx) img,.medal.t5:not(.fx) img,.medal.t6:not(.fx) img,.medal.t7:not(.fx) img{filter:drop-shadow(0 0 2px var(--glow))}.medal.fx:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--glow),transparent);animation:m-glow 2.6s ease-in-out infinite}.medal.t6.fx:before{animation:m-fire 1.4s ease-in-out infinite}@keyframes m-glow{0%,to{opacity:.35;transform:scale(.88)}50%{opacity:1;transform:scale(1.05)}}@keyframes m-fire{0%,to{opacity:.55;transform:scale(.92)}30%{opacity:1;transform:scale(1.08)}55%{opacity:.7;transform:scale(.98)}80%{opacity:.95;transform:scale(1.05)}}.medal .m-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;background-size:260% 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:m-shine var(--shine) ease-in-out infinite}@keyframes m-shine{0%{background-position:100% 0}40%,to{background-position:0% 0}}.medal .m-spark{position:absolute;z-index:3;width:22%;height:22%;margin:-11% 0 0 -11%;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 25%,#ffe9a8 60%,#ffc94d);animation:m-spark 2.8s ease-in-out infinite;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}@keyframes m-spark{0%,55%,to{opacity:0;transform:scale(0) rotate(0)}22%{opacity:1;transform:scale(1) rotate(45deg)}40%{opacity:.3;transform:scale(.35) rotate(90deg)}}.medal .m-ember{position:absolute;z-index:3;bottom:48%;width:7%;height:62%;pointer-events:none;opacity:0;animation:m-ember 2.6s ease-out infinite}.medal .m-ember:after{content:"";position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1;border-radius:50%;background:#fff1b8;box-shadow:0 0 5px 2px #ff5a14}@keyframes m-ember{0%{opacity:0;transform:translate(0)}12%{opacity:1}65%{opacity:.9;transform:translate(120%,-65%)}to{opacity:0;transform:translate(-60%,-100%)}}.medal .m-rays{position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;z-index:0;border-radius:50%;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent)}.medal .m-rays:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,226,140,.55) 0 7deg,transparent 7deg 22.5deg);animation:m-spin 14s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.medal *,.medal *:before,.medal:before{animation:none!important}}.rank-row .txt b,.rank-row .txt small{text-align:start}.lvl-chip{display:inline-grid;place-items:center;flex:none;min-width:26px;height:22px;padding:0 5px;font-size:12px;font-weight:900;color:#fff;background:linear-gradient(#3b82f6,#1d4ed8);clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.rc-level{display:flex;align-items:center;gap:8px;margin-top:4px}.rc-level .rc-bar{flex:1}.rc-level .rc-bar em{background:#3b82f6}.result-xp{font-size:15px;font-weight:700;color:#9dc2ff}.result-xp b{color:#ffd86b}.rank-card b em{font-style:normal;color:#ffd86b;font-size:14px;letter-spacing:1px}.ladder{display:flex;justify-content:space-between;gap:4px;margin:-8px -16px 4px;padding:12px 16px 8px;overflow-x:auto}.ladder-step{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px}.ladder-step small{font-size:10px;color:var(--p-muted);white-space:nowrap}@media (max-width: 420px){.ladder{margin-inline:-8px;padding-inline:8px}.ladder .medal{width:34px!important;height:34px!important}.ladder-step{min-width:36px}}.rank-row .pos{width:28px;text-align:center;color:var(--p-muted);font-size:15px}.rank-row .pos{flex:none}.rank-row.me{outline:2px solid var(--p-blue2);outline-offset:-2px;border-radius:10px}.rank-note{font-size:13px;margin:0 0 10px}.pm-rank{display:inline-flex;align-items:center;gap:3px}.pm-rank .lvl-chip{min-width:20px;height:16px;font-size:10px}.pm-ranked{font-style:normal;font-size:10px;padding:1px 6px;border-radius:99px;background:#00000059}.pm-ranked.on{background:#ffc93d;color:#3a1d00}.result-rank{font-size:15px;font-weight:800}.result-rank.up{color:#4dffb0}.result-rank.down{color:#ff8a8a}.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}.play-grid .big{padding-inline:12px}.play-grid .big span{white-space:nowrap}.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}#landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:block;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;touch-action:pan-y pinch-zoom;user-select:text;-webkit-user-select:text;background:#0b0f22}.signed #landing{display:none}.landing{width:100%;margin:0;padding:0;color:#d9deea;font-size:15.5px;line-height:1.9}.landing section,.landing .ld-sec{scroll-margin-top:76px}.ld-wrap{width:min(1120px,100%);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.landing b{color:#fff}.ld-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) clamp(14px,4vw,32px) 10px;background:linear-gradient(#080b1ae0,#080b1a99);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ld-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;font-size:18px}.ld-brand img{width:34px;height:34px;border-radius:9px}.ld-top nav{display:flex;gap:8px}.landing .ld-top button{padding:9px 16px;font-size:14px;border-radius:999px}.landing .ld-top .ld-login{background:#ffffff1a}.landing .ld-top .ld-join{color:#3a1d00;background:linear-gradient(180deg,#ffd45e,#f5a312)}.ld-hero{position:relative;isolation:isolate;height:100svh;min-height:560px;max-height:1000px;margin-top:-60px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:calc(84px + 3vh) clamp(16px,4vw,32px) 28px;text-align:center}.ld-hero-3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#0b1020 url(../landing3d/hero.webp) center 62% / cover no-repeat}.ld-hero-3d .ld-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}.ld-hero-3d.live .ld-canvas.on{opacity:1}.ld-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#080b1af2,#080b1ab8 30%,#080b1a38 50%,#080b1a00 62%,#080b1a00 82%,#0b0f22)}.ld-hero-text{max-width:840px}.ld-hero h1{margin:0;font-size:clamp(29px,5.4vw,58px);line-height:1.38;font-weight:900;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.45)}.ld-hero h1 em{font-style:normal;color:#ffc93d;background:linear-gradient(90deg,#ffe08a,#ff9a1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ld-hero .lead{margin:14px auto 0;max-width:660px;font-size:clamp(15px,1.9vw,18.5px);line-height:1.95;color:#e3e9f8;text-shadow:0 2px 12px rgba(0,0,0,.55)}.ld-cta{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.landing .ld-play{padding:16px 30px;font-size:19px;font-weight:900;border-radius:16px;color:#3a1d00;background:linear-gradient(180deg,#ffd45e,#f5a312);box-shadow:0 10px 30px #f5a31259,inset 0 -3px #00000026;animation:ld-pulse 2.6s ease-in-out infinite}@keyframes ld-pulse{50%{box-shadow:0 10px 44px #f5a3129e,inset 0 -3px #00000026}}.ld-more{display:inline-flex;align-items:center;padding:15px 22px;border-radius:16px;color:#fff;font-weight:800;text-decoration:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.landing .ld-pause{position:absolute;bottom:16px;inset-inline-end:16px;z-index:2;width:40px;height:40px;padding:0;border-radius:50%;font-size:15px;color:#fff;background:#0c10248c;border:1px solid rgba(255,255,255,.18)}.landing .ld-pause[hidden]{display:none}.ld-chips li{padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:#eaf2ff;background:#0c102494;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-sec{padding:clamp(46px,8vw,96px) 0}.ld-sec+.ld-sec{padding-top:0}.ld-sec h2{margin:0 0 10px;font-size:clamp(24px,3.6vw,38px);font-weight:900;line-height:1.45;color:#fff}.ld-intro{max-width:760px;margin:0 0 26px;color:#b9c3dc}.ld-showcase{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:stretch}.ld-no3d .ld-showcase{display:none}.ld-ring{position:relative;min-height:clamp(320px,44vw,520px);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#1d2a5c,#0b0f22 70%);border:1px solid #222c55}.ld-ring .ld-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s;cursor:grab;touch-action:pan-y}.ld-ring .ld-canvas.on{opacity:1}.ld-ring-nav{position:absolute;bottom:14px;left:50%;z-index:2;display:flex;gap:10px;transform:translate(-50%)}.landing .ld-ring-nav button{width:46px;height:46px;padding:0;border-radius:50%;font-size:22px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-tank-info{padding:22px;border-radius:20px;background:linear-gradient(#161d3a,#10152b);border:1px solid #232d58}.ld-tank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ld-tank-info h3{margin:0;font-size:28px;color:#fff}.ld-price{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#d6ffe6;background:#1d6b3d;white-space:nowrap}.ld-price.epic{color:#fff;background:linear-gradient(90deg,#8e4dff,#b67bff)}.ld-role{margin:4px 0 14px;color:#9fb0d8}.ld-bar{display:grid;grid-template-columns:40px 1fr 48px;align-items:center;gap:10px;margin:6px 0}.ld-bar small{font-size:13px;color:#c3cbe0}.ld-bar i{height:10px;border-radius:99px;background:#0b0f22;overflow:hidden}.ld-bar em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8cff,#4ff0ff);transition:width .5s}.ld-bar b{font-size:13px;text-align:end}.ld-abils{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}.ld-abils li{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.ld-abils b{display:block;color:#ffd86b}.ld-abils span{font-size:13.5px;line-height:1.75;color:#c3cbe0}.ld-tanks{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ld-tanks li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;border-radius:16px;text-align:center;background:linear-gradient(#151b35,#10142a);border:1px solid #222b52;transition:transform .2s,border-color .2s}.ld-tanks li:hover{transform:translateY(-4px);border-color:#3a4f9a}.ld-tanks img{width:100%;max-width:170px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.ld-tanks small{font-size:12.5px;line-height:1.7;color:#aab3c8}.ld-tanks em{font-style:normal;font-size:12.5px;font-weight:800;color:#ffd86b}.ld-modes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ld-modes li{padding:18px;border-radius:18px;font-size:14.5px;line-height:1.85;color:#c3cbe0;background:linear-gradient(#151b35,#10142a);border:1px solid #222b52}.ld-modes b{display:block;margin-bottom:4px;font-size:17px;color:#ffd86b}.ld-maps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.ld-maps li{border-radius:18px;overflow:hidden;background:#10142a;border:1px solid #222b52}.ld-maps img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s}.ld-maps li:hover img{transform:scale(1.05)}.ld-maps div{padding:10px 14px 12px}.ld-maps b{display:block;font-size:16px}.ld-maps small{font-size:13px;line-height:1.8;color:#aab3c8}.ld-note{margin:14px 0 0;color:#9fb0d8;font-size:14px}.ld-how{counter-reset:step;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ld-how li{counter-increment:step;padding:18px;border-radius:18px;font-size:14.5px;line-height:1.85;color:#c3cbe0;background:#12172f;border:1px solid #222b52}.ld-how li:before{content:counter(step,persian);display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border-radius:50%;font-weight:900;color:#3a1d00;background:linear-gradient(180deg,#ffd45e,#f5a312)}.ld-faq details{margin-bottom:10px;border-radius:14px;background:#12172f;border:1px solid #222b52}.ld-faq summary{padding:14px 18px;font-weight:800;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.ld-faq summary::-webkit-details-marker{display:none}.ld-faq summary:after{content:"+";color:#ffd86b;font-size:22px;line-height:1}.ld-faq details[open] summary:after{content:"−"}.ld-faq h3{margin:0;font-size:16px;font-weight:800}.ld-faq p{margin:0;padding:0 18px 16px;color:#c3cbe0}.ld-final{padding:clamp(56px,9vw,110px) 0;text-align:center;background:radial-gradient(ellipse at 50% 100%,rgba(255,170,40,.16),transparent 62%)}.ld-final p{max-width:620px;margin:0 auto 22px;color:#c3cbe0}.ld-foot{padding:24px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid #1c2448;font-size:13.5px;color:#8e98b8}.ld-foot .ld-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}.ld-foot a{color:#b9c8f0}.ld-auth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#050814bd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .2s}.ld-auth[hidden]{display:none}.ld-auth-card{position:relative;width:min(420px,100%);max-height:calc(100svh - 32px);overflow-y:auto;padding:22px 0 8px;border-radius:22px;text-align:center;background:#141a33;border:1px solid #2a3566;box-shadow:0 30px 80px #0009;animation:rise .3s cubic-bezier(.2,1.3,.4,1)}.ld-auth .logo{font-size:30px}.ld-auth .sub{margin-bottom:12px}.ld-auth .auth-card{width:100%;background:transparent}.ld-auth .auth-card>:not(.subtabs){margin:0 18px;width:calc(100% - 36px)}.ld-auth .install-card{width:calc(100% - 36px);margin:4px 18px 10px}.landing .ld-x{position:absolute;top:10px;left:10px;width:36px;height:36px;padding:0;border-radius:50%;font-size:22px;background:#ffffff14}@media (max-width: 760px){.ld-showcase{grid-template-columns:1fr}.ld-hero{padding-top:calc(74px + 2vh);min-height:520px}.landing .ld-play{padding:15px 24px;font-size:17px}.ld-more{padding:14px 18px}.ld-tank-info h3{font-size:24px}}@media (prefers-reduced-motion: reduce){.landing{scroll-behavior:auto}.landing .ld-play{animation:none}.ld-hero-3d .ld-canvas,.ld-ring .ld-canvas{transition:none}}.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-page .auth-card>:not(.subtabs){margin:0 18px;width:calc(100% - 36px)}.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,calc(6 * var(--vw)),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,calc(2 * var(--vh)),16px)}.pm-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(20px,calc(3 * var(--vw)),40px);width:min(760px,calc(92 * var(--vw)))}.pm-head .pm-stats{justify-self:end;align-self:start}.pm-head h2{margin:0;font-size:clamp(30px,calc(5 * var(--vw)),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,calc(1.2 * var(--vh)),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,calc(12 * var(--vw)),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{position:relative;direction:ltr;display:flex;align-items:center;justify-content:center;gap:clamp(8px,calc(3 * var(--vw)),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,calc(25 * var(--vh)),180px);max-width:calc(34 * var(--vw))}.pm-live{position:relative}.pm-tank .pm-live .pm-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 100%;padding:3% 3% 2px;box-sizing:border-box;transition:opacity .2s;pointer-events:none}.pm-live.ready .pm-still{opacity:0}.pm-live canvas{display:block;width:min(380px,calc(40 * var(--vw)))!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{--side-h: clamp(60px, calc(17 * var(--vh)), 120px)}.pm-tank.side img{height:var(--side-h);width:min(calc(20 * var(--vw)),calc(var(--side-h) * 1.6));max-width:none;object-fit:contain;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-head:is(.slide-left,.slide-right){animation:pm-side-in .3s ease-out}@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}.prematch .pm-mode{flex-direction:row;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;background:#3a3f4c}.prematch .pm-mode.teams{background:linear-gradient(90deg,#2f7ae5,#e23b2e)}.prematch .pm-mode svg{width:16px;height:16px}.pm-mode small{font-size:10px;opacity:.8;font-weight:700}.pm-vs{align-self:center;font-style:normal;font-size:18px;font-weight:900;color:var(--gold);text-shadow:0 2px 0 #000}.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),(orientation: portrait) and (max-width: 500px){.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,calc(4 * var(--vw)),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,calc(36 * var(--vw)),calc((calc(100 * var(--dvh)) - 262px) * 1.65))!important}.pm-side{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:start;gap:5px 8px}.pm-side .pm-chat{grid-column:1 / -1}.pm-tank.side{--side-h: clamp(44px, calc(15 * var(--vh)), 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,calc(4 * var(--vw)),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,calc(9 * var(--vw)),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:5px;padding:5px 6px 4px;border-radius:12px;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:40px;height:45px;padding:3px 3px 9px;border-radius:8px;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:4px;right:4px;bottom:11px;left:4px;display:flex;align-items:center;justify-content:center;font-size:19px;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:68px;padding:6px 12px;border-radius:13px;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:42px;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),(orientation: portrait) and (max-width: 500px){.slot{width:30px;height:34px;padding:2px 2px 8px;border-radius:7px;border-width:2px}.slot .cd{top:2px;right:2px;bottom:8px;left:2px;font-size:13px}.firebtn{width:50px;padding:4px 8px;border-radius:10px}.firebtn svg,.firebtn img{max-height:28px}.panel{gap:3px;padding:3px 4px 2px;border-radius:9px;border-width:2px}.dock-info{font-size:11px}.pips{left:3px;right:3px;bottom:1px;height:5px}.dock{gap:4px}.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(calc(110 * var(--vh))) 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}.result-card{max-height:calc(100 * var(--vh) - 16px);overflow-y:auto}@media (max-height: 520px),(orientation: portrait) and (max-width: 500px){.result-card{gap:clamp(2px,calc(1.2 * var(--vh)),8px);padding:clamp(8px,calc(2.5 * var(--vh)),18px) 16px}.trophy{width:clamp(40px,calc(14 * var(--vh)),90px);height:clamp(40px,calc(14 * var(--vh)),90px)}.result-title{font-size:clamp(22px,calc(7 * var(--vh)),36px)}.result-names{font-size:13px}.result-coins{font-size:15px;padding-block:2px}.result-coins svg{width:22px;height:22px}.result-xp,.result-rank{font-size:13px}.result-card button.big{padding-block:8px;min-height:0}}.upd-notes{margin:0 0 8px;padding-inline-start:20px;line-height:1.8}.upd-link{padding:8px 10px;border-radius:8px;background:#10141f;font-size:13px;word-break:break-all}.upd-box{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:70;width:min(320px,86vw);display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:#1d2a44;border:1px solid #3a5a96;color:#fff;box-shadow:0 8px 24px #00000073}.upd-bar{display:block;height:8px;border-radius:99px;background:#0d1220;overflow:hidden}.upd-bar em{display:block;width:0;height:100%;background:#ffc93d;transition:width .3s}.upd-box small{color:#a9c1ee}.page .appbar button.me{padding:0;background:none;border:0;box-shadow:none;border-radius:50%;cursor:pointer}.pf-sheet{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px}.pf-sheet b{font-size:18px}.crop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;background:#000;touch-action:none}.crop-stage{position:relative;flex:1;overflow:hidden;cursor:grab}.crop-stage img{position:absolute;left:50%;top:50%;max-width:none;transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-hole{position:absolute;left:50%;top:50%;width:min(78vw,70vh,380px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 200vmax #0000009e;outline:2px solid rgba(255,255,255,.85);pointer-events:none}.crop-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#000}.crop-bar button{width:54px;height:54px;padding:0;border:0;border-radius:50%;font-size:26px;font-weight:900;color:#fff;background:#2a2f3a;box-shadow:none}.crop-bar .crop-ok{background:#2f7ae5}.talk-bar{display:flex;gap:10px;direction:ltr}.talk-bar .talk-btn{position:relative;width:46px;height:46px;padding:9px;border-radius:50%;border:0;color:#eef1fb;cursor:pointer;background:radial-gradient(circle at 50% 30%,#3b4a72,#151a2e);box-shadow:0 2px 6px #00000059;touch-action:none}.talk-bar .talk-btn svg{width:100%;height:100%;display:block}.talk-bar .talk-btn.on{background:radial-gradient(circle at 50% 30%,#2d8cff,#164a9a)}.talk-bar .talk-btn .badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ff3b5c;color:#fff;font-size:11px;font-style:normal;font-weight:900;line-height:19px;text-align:center;box-shadow:0 0 0 2px #151a2e}.talk-bar .talk-btn.mic{color:#aeb6d6}.talk-bar .talk-btn.mic.armed{color:#fff}.talk-bar .talk-btn.mic.live{color:#0c2a14;background:radial-gradient(circle at 50% 30%,#6dff9b,#20a64c)}.talk-bar .talk-btn.mic.talking{animation:talk-pulse .9s ease-in-out infinite}@keyframes talk-pulse{50%{box-shadow:0 0 0 5px #4dff8c59,0 0 16px #4dff8cb3}}.talk-bar.talk-game{position:absolute;z-index:6;top:max(10px,env(safe-area-inset-top));left:calc(max(12px,env(safe-area-inset-left)) + 112px)}.prematch .talk-bar .talk-btn{width:46px;height:46px;padding:10px;background:#14161ed9}.prematch .talk-bar .talk-btn.on{background:#1f6fd1}.prematch .talk-bar .talk-btn.mic.live{background:#2fbf5f;color:#06210f}.talk-panel{position:absolute;z-index:7;left:max(12px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 56px);bottom:max(8px,env(safe-area-inset-bottom));width:min(380px,calc(46 * var(--vw)));display:flex;flex-direction:column;gap:8px;padding:10px;direction:rtl;border-radius:16px;background:#0d101ef0;border:1px solid rgba(120,150,255,.18);box-shadow:0 10px 30px #00000080;animation:tp-in .18s ease-out;color:#eef1fb}@keyframes tp-in{0%{transform:translate(-12px);opacity:0}}.talk-panel button{font-family:inherit;box-shadow:none;border:0;cursor:pointer}.talk-panel button:active{transform:scale(.96)}.tp-head{display:flex;align-items:center;gap:8px}.tp-tabs{flex:1;display:flex;gap:4px;padding:3px;border-radius:11px;background:#070914}.tp-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border-radius:8px;font-size:13px;font-weight:800;color:#9aa4c8;background:transparent;white-space:nowrap}.tp-tabs button.on{color:#fff;background:#253064}.tp-tabs svg{width:16px;height:16px;flex:none}.tp-x{width:34px;height:34px;padding:7px;border-radius:50%;color:#c9d0ea;background:#1c2240}.tp-x svg{width:100%;height:100%;display:block}.tp-send{display:flex;gap:6px}.tp-send input{flex:1;min-width:0;padding:9px 12px;font-size:15px;border-radius:10px;border:1px solid #2c3561;background:#070914;color:#fff}.tp-send input:focus{border-color:#2d8cff}.tp-go{width:42px;flex:none;padding:9px;border-radius:10px;color:#fff;background:#1f6fd1}.tp-go svg{width:100%;height:100%;display:block;transform:scaleX(-1)}.tp-to{flex:none;padding:0 12px;border-radius:10px;font-size:13px;font-weight:900;color:#fff;background:#3a4170}.tp-to.team{background:#1d8a4a}.tp-quick{display:flex;flex-direction:column;gap:6px}.tp-phrases{display:flex;flex-wrap:wrap;gap:6px;max-height:92px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.tp-phrases::-webkit-scrollbar{display:none}.tp-phrases.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent);mask-image:linear-gradient(#000 calc(100% - 18px),transparent)}.tp-phrases button{padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:#e6eaff;background:#222a52;white-space:nowrap}.tp-faces{display:flex;justify-content:space-between;gap:4px}.tp-faces button{flex:1;max-width:42px;padding:3px 0;border-radius:10px;font-size:19px;line-height:1.3;background:#1a2042}.talk-panel :is(.tp-lines,.tp-people){scrollbar-width:thin;scrollbar-color:#39437a transparent}.talk-panel :is(.tp-lines,.tp-people)::-webkit-scrollbar{width:5px}.talk-panel :is(.tp-lines,.tp-people)::-webkit-scrollbar-thumb{border-radius:9px;background:#39437a}.talk-panel :is(.tp-lines,.tp-people)::-webkit-scrollbar-track,.talk-panel :is(.tp-lines,.tp-people)::-webkit-scrollbar-button{display:none;background:transparent}.tp-lines{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-inline-end:2px;user-select:text;-webkit-user-select:text;touch-action:pan-y}.tp-line{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.tp-line b{color:#9fc4ff;margin-inline-end:6px}.tp-line.me b{color:var(--gold)}.tp-line.ally b{color:#6dff9b}.tp-line.foe b{color:#ff8a8a}.tp-line i,.talk-say i{font-style:normal;font-size:10.5px;font-weight:900;padding:1px 6px;margin-inline-end:6px;border-radius:6px;color:#06210f;background:#4ddc84}.tp-empty,.tp-note{margin:6px 2px;font-size:13px;color:#8f98bd;line-height:1.7}.tp-people{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;touch-action:pan-y}.tp-person{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#151a33}.tp-person .avatar{--s: 30px}.tp-name{flex:1;min-width:0;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-voice{width:24px;height:24px;padding:3px;flex:none;border-radius:50%;color:#c9d0ea;background:#232a50}.tp-voice svg{width:100%;height:100%;display:block}.tp-voice.on{color:#06210f;background:#4dff8c;animation:talk-pulse .9s ease-in-out infinite}.tp-voice.bad{display:grid;place-items:center;font-weight:900;color:#fff;background:#c9354b}.tp-mute,.tp-report{flex:none;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:800;color:#e6eaff;background:#2a3260}.tp-mute.on{color:#fff;background:#8a2a3a}.tp-report{color:#ffb3bd;background:#3a1f2a}.tp-set{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13.5px;font-weight:700;color:#dfe4fa;cursor:pointer}.tp-set input{width:18px;height:18px;margin:0;accent-color:#2d8cff}.tp-set svg{width:18px;height:18px;flex:none;color:#9aa4c8}.talk-panel.talk-room{top:calc(max(10px,env(safe-area-inset-top)) + 60px)}.talk-compose{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;background:#050710e6;direction:rtl}.talk-compose form{width:min(460px,100%);display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#151a33;color:#fff}.talk-compose b,.talk-compose input{font-size:16px}.talk-compose div{display:flex;gap:8px}.talk-compose button{flex:1;border:0;box-shadow:none;border-radius:10px;padding:11px;color:#fff;background:#1f6fd1}.talk-compose button.secondary{background:#2f2f2f}.talk-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.talk-bubble,.talk-speak{position:absolute;left:0;top:0;will-change:transform}.talk-bubble{max-width:210px;padding:6px 11px;margin-top:-8px;border-radius:12px;background:#fff;color:#15182a;direction:rtl;font-size:13.5px;font-weight:800;line-height:1.5;text-align:center;overflow-wrap:anywhere;box-shadow:0 5px 14px #0006;animation:bubble-in .22s cubic-bezier(.2,1.5,.5,1)}.talk-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fff}.talk-bubble.team{box-shadow:0 0 0 3px #3ddc6f,0 5px 14px #0006}@keyframes bubble-in{0%{opacity:0;scale:.6}}.talk-speak{width:26px;height:26px;padding:4px;margin-top:-4px;border-radius:50%;color:#06210f;background:#4dff8c;box-shadow:0 0 0 2px #0c2a14;animation:talk-pulse .9s ease-in-out infinite}.talk-speak svg{width:100%;height:100%;display:block}.talk-feed{position:absolute;z-index:5;left:max(12px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:min(320px,calc(40 * var(--vw)));display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none;direction:rtl}.talk-say{max-width:100%;padding:4px 10px;border-radius:10px;background:#0a0c18d1;font-size:13px;line-height:1.6;overflow-wrap:anywhere;transition:opacity .5s;animation:fade .2s}.talk-say b{color:#9fc4ff;margin-inline-end:6px}.talk-say.out{opacity:0}.pm-player.speaking .avatar{box-shadow:0 0 0 3px #4dff8c,0 0 16px #4dff8ccc;animation:talk-pulse .9s ease-in-out infinite}@media (max-height: 430px),(orientation: portrait) and (max-width: 500px){.talk-bar{gap:6px}.talk-bar .talk-btn,.prematch .talk-bar .talk-btn{width:40px;height:40px;padding:8px}.talk-panel{width:min(340px,calc(52 * var(--vw)));top:calc(max(8px,env(safe-area-inset-top)) + 48px);padding:8px;gap:6px}.tp-phrases{max-height:62px}.tp-faces button{font-size:17px}.tp-line{font-size:13px}}@media (prefers-reduced-motion: reduce){.talk-btn,.talk-speak,.tp-voice,.pm-player.speaking .avatar,.talk-bubble{animation:none!important}}.party-bar{position:absolute;z-index:55;left:50%;bottom:calc(max(0px,env(safe-area-inset-bottom)) + 82px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;direction:rtl;border-radius:999px;color:#fff;background:#161c34f5;border:1px solid #34407a;box-shadow:0 8px 22px #00000073;animation:fade .2s}.pb-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#a9b4e0}.pb-label svg{width:18px;height:18px}.pb-members{display:flex;gap:6px}.pb-m{position:relative;border-radius:50%}.pb-m .avatar{--s: 32px;border:2px solid #34407a}.pb-m.speaking .avatar{border-color:#4dff8c;box-shadow:0 0 0 2px #4dff8c,0 0 12px #4dff8ccc;animation:talk-pulse .9s ease-in-out infinite}.pb-mic{position:absolute;bottom:-3px;inset-inline-start:-3px;width:16px;height:16px;padding:2px;border-radius:50%;color:#06210f;background:#4dff8c}.pb-mic svg{width:100%;height:100%;display:block}.party-bar .talk-btn{position:relative;width:40px;height:40px;padding:8px;border-radius:50%;border:0;cursor:pointer;color:#aeb6d6;background:radial-gradient(circle at 50% 30%,#3b4a72,#151a2e);box-shadow:none;touch-action:none}.party-bar .talk-btn svg{width:100%;height:100%;display:block}.party-bar .talk-btn.armed{color:#fff}.party-bar .talk-btn.live{color:#0c2a14;background:radial-gradient(circle at 50% 30%,#6dff9b,#20a64c)}.party-bar .talk-btn.talking{animation:talk-pulse .9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pb-m.speaking .avatar,.party-bar .talk-btn{animation:none!important}}.gk-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0000;transition:background .25s ease}.gk-wrap.on{background:#0000008c}.gk-sheet{width:min(480px,100%);padding:10px 16px max(16px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#1c1c1c;color:#fff;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.gk-wrap.on .gk-sheet{transform:none}.gk-grip{display:block;width:44px;height:4px;margin:0 auto 10px;border-radius:2px;background:#444}.gk-sheet h3{margin:0 0 12px;font-size:18px}.gk-list{display:grid;gap:8px}.gk-list button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:#2a2a2a;color:#fff;text-align:start;font:inherit;cursor:pointer;transition:background .15s,transform .1s}.gk-list button:hover:not(:disabled){background:#333}.gk-list button:active:not(:disabled){transform:scale(.98)}.gk-list button:disabled{opacity:.5;cursor:default}.gk-list button>span:last-child{display:flex;flex-direction:column;gap:2px}.gk-list b{font-size:16px}.gk-list small{color:var(--p-muted);font-size:12.5px}.gk-n{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#ffb347;color:#3a1d00;font-weight:800;font-size:18px}.gk-sheet .muted{margin:12px 2px 0;font-size:12.5px;line-height:1.7}@media (prefers-reduced-motion: reduce){.gk-wrap,.gk-sheet{transition:none}}.mg-bar{position:absolute;z-index:54;top:calc(env(safe-area-inset-top) + 68px);left:50%;width:min(460px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:14px;background:#262014;border:1px solid #5a4318;box-shadow:0 8px 24px #00000073;color:#fff;transform:translate(-50%,-14px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s}.mg-bar.on{transform:translate(-50%);opacity:1;pointer-events:auto}.mg-bar .mg-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#ffb347;box-shadow:0 0 0 4px #ffb3472e}.mg-bar.playing .mg-dot{background:#4ade80;box-shadow:0 0 0 4px #4ade802e;animation:mg-pulse 1.4s ease-in-out infinite}@keyframes mg-pulse{50%{box-shadow:0 0 0 7px #4ade800d}}.mg-bar .mg-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mg-bar .mg-txt b{font-size:14px}.mg-bar .mg-txt small{font-size:12px;color:#d9c49a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-bar button{flex:none;border:0;border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:8px 14px}.mg-bar .mg-back{background:linear-gradient(180deg,#ffd45e,#f5a312);color:#3a1d00}.mg-bar .mg-out{background:transparent;color:#c9b48a;padding:8px 10px}.mg-bar button:active{transform:scale(.96)}.page-body,.group-body{transition:padding-top .25s ease}body.has-mg .page-body,body.has-mg .group-body{padding-top:78px}@media (prefers-reduced-motion: reduce){.mg-bar,.page-body,.group-body{transition:none}.mg-bar.playing .mg-dot{animation:none}}