:root{--bg: #1d2b3a;--panel: #243447;--panel-2: #2d4159;--ink: #ffffff;--ink-dim: #b9c7d8;--outline: #0e1620;--yellow: #ffcc2e;--green: #3fd46b;--blue: #3fa9ff;--red: #ff4d57;--common: #9fb4c7;--rare: #3fa9ff;--epic: #b35cff;--legendary: #ffb320;--display: "Lalezar", "Vazirmatn", Tahoma, sans-serif;--body: "Vazirmatn", Tahoma, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:800}body{user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}img{-webkit-user-drag:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button[disabled]{cursor:default;filter:grayscale(.7) brightness(.8)}h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-shadow:0 3px 0 var(--outline)}.muted{color:var(--ink-dim);font-weight:700}.inline-icon{width:1.1em;height:1.1em;vertical-align:-.2em;object-fit:contain}.r-text-common{color:var(--common)}.r-text-rare{color:var(--rare)}.r-text-epic{color:var(--epic)}.r-text-legendary{color:var(--legendary)}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#game canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#ui>*{pointer-events:auto}.btn{font-family:var(--display);font-size:20px;line-height:1.25;padding:10px 22px;border-radius:14px;border:3px solid var(--outline);box-shadow:inset 0 -5px #00000040,0 4px 0 var(--outline);text-shadow:0 2px 0 rgba(0,0,0,.45);transition:transform .06s;min-width:110px}.btn:active:not([disabled]){transform:translateY(3px);box-shadow:inset 0 -3px #00000040,0 1px 0 var(--outline)}.btn small{font-family:var(--body);font-size:14px;font-weight:900}.btn-small{font-size:16px;padding:7px 14px;min-width:0}.btn-yellow{background:linear-gradient(#ffe066,#ffb800);color:#3a2400;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-green{background:linear-gradient(#6af08c,#22b14c)}.btn-blue{background:linear-gradient(#6cc3ff,#2585e0)}.btn-red{background:linear-gradient(#ff7a80,#e0303c)}.btn-grey{background:linear-gradient(#8fa0b3,#5d6d80)}.short{color:#ff8f8f}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 40%,#2f5a3c,#14202c)}.loading img{width:min(60vw,520px);animation:bob 2s ease-in-out infinite}.loading-bar{width:240px;height:12px;border-radius:8px;background:#0b1119;overflow:hidden;border:2px solid var(--outline)}.loading-bar div{height:100%;width:40%;background:var(--yellow);animation:loadbar 1.1s ease-in-out infinite}@keyframes loadbar{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes bob{50%{transform:translateY(-8px)}}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14202c;color:#fff;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-size:22px}.rotate-phone{width:60px;height:100px;border:5px solid #fff;border-radius:12px;animation:rot 1.8s ease-in-out infinite;margin-bottom:20px}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation: portrait) and (pointer: coarse){#rotate{display:flex}}.menu{--top: clamp(48px, 8.5vh, 78px);--rail: clamp(74px, 11.5vh, 124px);--gap: clamp(6px, 1.3vh, 14px);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--rail) 1fr;grid-template-rows:var(--top) 1fr;background-size:cover;background-position:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a142359,#0a14230d 40%,#0a142373);pointer-events:none}.menu>*{position:relative}.panel{background:linear-gradient(180deg,#2c3e58f0,#1a2638f0);border:3px solid var(--outline);border-radius:18px;box-shadow:inset 0 2px #ffffff24,inset 0 0 0 2px #7896be2e,0 5px 0 var(--outline),0 12px 26px #00000059}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--gap);padding:0 var(--gap);background:linear-gradient(#0c1420eb,#0c1420b3);border-bottom:3px solid rgba(0,0,0,.45);box-shadow:0 4px 14px #00000059;z-index:3}.tb-player{display:flex;align-items:center;gap:10px;height:82%;padding-inline:6px 16px;border-radius:16px}.tb-league{height:100%;width:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.tb-name{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.tb-name b{font-family:var(--display);font-weight:400;font-size:clamp(15px,2.3vh,22px)}.tb-name small{color:var(--yellow);font-family:var(--display);font-size:clamp(13px,2vh,19px);display:flex;align-items:center;gap:4px}.tb-logo{height:calc(var(--top) * 1.35);margin:2px auto 0;align-self:flex-start;filter:drop-shadow(0 4px 2px rgba(0,0,0,.55));position:relative;z-index:4;pointer-events:none}.tb-res{display:flex;align-items:center;gap:8px;height:62%;min-width:clamp(120px,15vh,190px);padding-inline:4px;border-radius:30px;background:linear-gradient(#0e1826,#1a2740);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff14;font-family:var(--display);font-size:clamp(15px,2.4vh,23px)}.tb-res img{height:125%;width:auto;margin-inline-start:-10px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.6))}.tb-res span{flex:1;text-align:center}.tb-plus{height:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#7af59a,#20a946);border:2px solid var(--outline);font-family:var(--display);font-size:1.1em;line-height:1;box-shadow:inset 0 -3px #00000040;color:#fff}.tb-icon{height:70%;aspect-ratio:1;border-radius:50%;padding:5px;background:linear-gradient(#34506f,#1d2d44);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff26,0 3px 0 var(--outline)}.tb-icon img{width:100%;height:100%;object-fit:contain}.nav{display:grid;grid-template-rows:repeat(5,1fr);gap:var(--gap);padding:var(--gap) calc(var(--gap) * .8);background:linear-gradient(90deg,#0c1420bf,#0c14208c);border-inline-start:3px solid rgba(0,0,0,.45);min-height:0}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:0;border-radius:16px;font-family:var(--display);font-size:clamp(12px,2.1vh,20px);color:#dfe8f3;text-shadow:0 2px 0 var(--outline);background:linear-gradient(180deg,#2f4563,#1c2b41);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff24,0 4px 0 var(--outline);transition:transform .12s}.nav-btn img{height:62%;max-height:72px;width:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5));transition:transform .15s}.nav-btn:active{transform:translateY(2px)}.nav-btn.active{background:linear-gradient(180deg,#ffe46b,#ffb21c);color:#3a2400;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 3px #ffffff80,0 4px 0 var(--outline),0 0 22px #ffc83c8c}.nav-btn.active img{transform:scale(1.1) rotate(-5deg)}.screen{overflow:hidden;min-height:0;padding:var(--gap)}.screen>*{height:100%;overflow-y:auto;overflow-x:hidden}.section-title{font-size:clamp(20px,3vh,28px);margin:2px 0 10px}.ribbon{display:inline-block;font-family:var(--display);font-size:clamp(16px,2.6vh,24px);padding:4px 34px;border-radius:12px;background:linear-gradient(#34506f,#1d2d44);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff26}.card{--rc: var(--common);--rbg: #56687e;position:relative;width:128px;flex:none;cursor:pointer;transition:transform .1s}.card.r-rare{--rc: #3fa9ff;--rbg: #1f5fb0}.card.r-epic{--rc: #c26bff;--rbg: #6a2fb2}.card.r-legendary{--rc: #ffc93a;--rbg: #c77a12}.card:hover{transform:translateY(-2px)}.card-frame{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rbg) 55%,#fff 20%),var(--rbg) 60%,color-mix(in srgb,var(--rbg) 60%,#000));border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--rc),inset 0 3px 0 5px #ffffff1f,0 4px 0 var(--outline)}.card-art{position:absolute;top:6%;right:6%;bottom:22%;left:6%;display:flex;align-items:center;justify-content:center}.card-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5))}.card-name{position:absolute;inset:auto 3px 3px;padding:14px 4px 4px;text-align:center;font-family:var(--display);font-size:14px;line-height:1.3;background:linear-gradient(transparent,#000000bf 45%);border-radius:0 0 10px 10px;text-shadow:0 2px 0 var(--outline)}.card-level{position:absolute;bottom:5px;inset-inline-end:5px;width:30px;height:33px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:16px;color:#fff;z-index:1;background:linear-gradient(#34506f,#121d2c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 0 var(--rc))}.card-level:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inherit;background:var(--rc);z-index:-1;transform:scale(1.18)}.card-count{position:absolute;top:5px;inset-inline-start:5px;background:var(--yellow);color:#3a2400;font-family:var(--display);font-size:15px;padding:0 8px;border-radius:9px;border:2px solid var(--outline);z-index:1}.card-new{position:absolute;top:5px;inset-inline-end:5px;background:var(--red);font-family:var(--display);font-size:13px;padding:0 8px;border-radius:8px;border:2px solid var(--outline);transform:rotate(-4deg);z-index:1}.card-progress{position:relative;height:20px;border-radius:10px;background:#0b1119;border:2px solid var(--outline);overflow:hidden;margin-top:5px;box-shadow:inset 0 2px 3px #0009}.card-progress div{height:100%;background:linear-gradient(#6cc3ff,#2585e0);border-radius:8px}.card-progress.full div{background:linear-gradient(#7af59a,#20a946);animation:pulse 1s ease-in-out infinite}.card-progress.max div{background:linear-gradient(#ffe066,#ffb800)}.card-progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:13px;text-shadow:0 1px 0 #000,0 0 3px #000}@keyframes pulse{50%{filter:brightness(1.3)}}.card.locked .card-frame{filter:grayscale(1) brightness(.5)}.card.locked .card-name:after{content:"";display:inline-block;width:1em;height:1em;margin-inline-start:4px;vertical-align:-.15em;background:url(/assets/ic_lock.png) center / contain no-repeat}.card[data-equipped] .card-frame:after{content:"مجهز";position:absolute;top:5px;inset-inline-start:5px;background:var(--green);font-family:var(--display);font-size:12px;padding:0 8px;border-radius:7px;border:2px solid var(--outline)}.card.small{width:84px}.card.small .card-name{font-size:10px;padding-top:8px}.card.small .card-level{width:22px;height:24px;font-size:12px}.card.small .card-progress{height:13px;margin-top:3px}.card.small .card-progress span{font-size:9px}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:14px;background:#00000059;border:3px dashed rgba(255,255,255,.35);font-family:var(--display);font-size:30px;color:var(--ink-dim);cursor:pointer}.empty-slot span{font-size:12px}.home{display:grid;grid-template-columns:1fr clamp(270px,30vw,560px);grid-template-rows:1fr auto;gap:var(--gap);overflow:hidden!important}.home-hero{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:0;gap:var(--gap)}.stage{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:flex-end;justify-content:center}.pedestal{position:absolute;bottom:0;width:min(46vh,380px);height:min(12vh,100px);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#9aa7b4 0 40%,#5d6b79 55%,#36424f 70%,transparent 71%);box-shadow:0 0 0 4px #5ac8ff00}.pedestal:before{content:"";position:absolute;top:10%;right:14%;bottom:30%;left:14%;border-radius:50%;border:4px solid rgba(90,210,255,.85);box-shadow:0 0 18px 4px #5ad2ffb3,inset 0 0 14px #5ad2ff99;animation:pulse 2s ease-in-out infinite}.hero-figure{position:relative;height:100%;max-height:min(52vh,440px);aspect-ratio:1;margin-bottom:min(1.2vh,10px);transform:scaleX(-1);animation:herobob 2.6s ease-in-out infinite}@keyframes herobob{50%{translate:0 -8px}}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 6px rgba(0,0,0,.45))}.hero-weapon{position:absolute;z-index:0;width:46%;left:64%;top:33%;transform:rotate(-10deg);filter:drop-shadow(0 4px 2px rgba(0,0,0,.5))}.home-loadout{display:flex;gap:var(--gap);align-items:stretch}.home-loadout .card.small,.home-loadout .empty-slot{width:clamp(70px,12vh,118px)}.home-loadout .card.small .card-progress{display:none}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(70px,12vh,118px);aspect-ratio:1;border-radius:16px;font-family:var(--display);font-size:clamp(12px,1.9vh,18px);text-shadow:0 2px 0 var(--outline);background:linear-gradient(#3f7fd8,#1f4f9c);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff4d,0 4px 0 var(--outline)}.icon-btn img{height:58%;width:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.4))}.icon-btn:active{transform:translateY(2px)}.play-panel{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);min-height:0}.league-box{display:flex;align-items:center;gap:12px;padding:6px 14px;border-radius:14px;background:#0000004d;border:2px solid rgba(255,255,255,.08)}.league-box>img{height:clamp(46px,9vh,96px);width:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5))}.league-box b{font-family:var(--display);font-weight:400;font-size:clamp(17px,2.8vh,28px);color:var(--lc);display:block;text-shadow:0 2px 0 var(--outline)}.league-box span img{width:1.1em;height:1.1em}.league-box span{font-family:var(--display);font-size:clamp(15px,2.4vh,24px);color:var(--yellow);display:inline-flex;align-items:center;gap:6px;background:#00000059;padding:0 12px;border-radius:10px}.modes{flex:1;display:grid;grid-template-rows:repeat(3,1fr);gap:var(--gap);min-height:0}.mode{position:relative;min-height:0;border-radius:16px;overflow:hidden;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:#2a3a52 center / cover no-repeat;text-align:start}.mode:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}.mode b{position:absolute;z-index:1;bottom:6%;inset-inline:0;text-align:center;font-family:var(--display);font-weight:400;font-size:clamp(18px,3vh,30px);text-shadow:0 3px 0 var(--outline)}.mode small{position:absolute;z-index:1;top:6px;inset-inline-start:10px;font-size:clamp(10px,1.5vh,13px);background:#0000008c;padding:1px 8px;border-radius:8px;opacity:0;transition:opacity .15s}.mode.selected{box-shadow:0 0 0 3px var(--yellow),0 4px 0 var(--outline),0 0 18px #ffc83c99}.mode.selected small{opacity:1}.mode.selected:before{content:"";background:url(/assets/ic_check.png) center / contain no-repeat!important;border:0!important;position:absolute;z-index:2;top:6px;inset-inline-end:8px;width:28px;height:28px;border-radius:50%;background:var(--green);border:2px solid var(--outline);display:flex;align-items:center;justify-content:center;font-size:16px}.btn-play{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--display);font-size:clamp(30px,6vh,60px);height:clamp(64px,15vh,150px);border-radius:20px;background:linear-gradient(#ffe46b,#ffb000);color:#3a2400;border:4px solid var(--outline);box-shadow:inset 0 5px #ffffff73,inset 0 -8px #0000002e,0 6px 0 var(--outline);text-shadow:0 2px 0 rgba(255,255,255,.5);animation:playpulse 1.6s ease-in-out infinite}.btn-play img{height:60%;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.btn-play:active{transform:translateY(4px);box-shadow:inset 0 -4px #0003,0 2px 0 var(--outline)}@keyframes playpulse{50%{filter:brightness(1.07);scale:1.015}}.chest-bar{grid-column:1;grid-row:2;justify-self:center;display:flex;gap:var(--gap);padding:var(--gap)}.slot{width:clamp(84px,14.5vh,150px);aspect-ratio:1.05;border-radius:14px;background:linear-gradient(#26374f,#172336);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 4px;position:relative;overflow:hidden}.slot img{flex:1;min-height:0;width:80%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5))}.slot b{font-family:var(--display);font-weight:400;font-size:clamp(11px,1.8vh,16px)}.slot .slot-tag{width:92%;text-align:center;border-radius:9px;padding:1px 4px;font-family:var(--display);font-size:clamp(11px,1.8vh,16px);background:#00000073;border:2px solid var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.empty{background:#00000040;border:3px dashed rgba(255,255,255,.28);box-shadow:none;justify-content:center;color:#fff6;font-family:var(--display)}.slot.empty i{font-style:normal;font-size:2.2em;line-height:1}.slot.chest.r-rare{box-shadow:inset 0 0 0 2px var(--rare)}.slot.chest.r-epic{box-shadow:inset 0 0 0 2px var(--epic)}.slot.chest.r-legendary{box-shadow:inset 0 0 0 2px var(--legendary)}.slot.unlocking .slot-tag{color:var(--yellow)}.slot.ready .slot-tag,.slot.free.ready .slot-tag{background:linear-gradient(#7af59a,#20a946);color:#fff}.slot.ready{box-shadow:0 0 16px #50ff8299}.slot.ready img{animation:wiggle .8s ease-in-out infinite}.slot.free.ready{box-shadow:inset 0 0 0 2px var(--yellow),0 0 16px #ffd23c99}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.cards-screen{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:8px}.loadout-panel{position:relative;padding:26px 14px 12px;margin-top:16px}.loadout-panel>.ribbon{position:absolute;top:-18px;inset-inline-start:50%;transform:translate(50%);white-space:nowrap}.lo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.lo-slot{display:flex;align-items:center;gap:12px;padding:6px;border-radius:14px;background:#00000047;border:2px solid rgba(255,255,255,.08);min-width:0}.lo-slot .card,.lo-slot .empty-slot{width:clamp(70px,13vh,118px);flex:none}.lo-slot .card .card-progress,.lo-slot .card .card-name{display:none}.lo-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lo-text b{font-family:var(--display);font-weight:400;color:var(--yellow);font-size:clamp(15px,2.4vh,22px)}.lo-text span{font-family:var(--display);font-size:clamp(14px,2.2vh,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lo-help{color:var(--ink-dim);font-size:13px;line-height:1.7;margin:10px 4px 0}.collection{padding:12px}.tabs{display:flex;gap:8px;align-items:center;margin-bottom:12px}.tab{flex:1;max-width:340px;font-family:var(--display);font-size:clamp(15px,2.4vh,22px);padding:6px 16px;border-radius:14px;background:linear-gradient(#26374f,#172336);color:var(--ink-dim);border:3px solid var(--outline);box-shadow:inset 0 2px #ffffff14}.tab.active{background:linear-gradient(#5bb8ff,#1f6fd0);color:#fff;box-shadow:inset 0 3px #ffffff59,0 3px 0 var(--outline)}.tab-count{margin-inline-start:auto;color:var(--ink-dim);font-size:14px}.dot-alert{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);vertical-align:2px;border:2px solid var(--outline)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(110px,17vh,170px),1fr));gap:16px 12px}.card-grid .card{width:auto}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050a12b3;display:flex;align-items:center;justify-content:center;padding:12px;animation:fadein .15s}.modal-wrap.closing{animation:fadeout .18s forwards}.modal{position:relative;max-width:min(760px,96vw);max-height:94vh;overflow-y:auto;background:linear-gradient(#2d4159,#1f2f42);border:4px solid var(--outline);border-radius:20px;padding:18px 20px;box-shadow:0 8px 0 var(--outline),0 20px 50px #00000080;animation:popin .2s cubic-bezier(.3,1.6,.6,1)}.modal h2{font-size:26px;margin-bottom:8px}.modal-x{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border-radius:10px;background:var(--red);border:3px solid var(--outline);font-size:16px;z-index:2}@keyframes fadein{0%{opacity:0}}@keyframes fadeout{to{opacity:0}}@keyframes popin{0%{transform:scale(.7);opacity:0}}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}.card-detail{display:flex;gap:20px;align-items:flex-start}.cd-left .card{width:150px;cursor:default}.cd-right{flex:1;min-width:0}.rarity-tag{display:inline-block;font-family:var(--display);text-transform:capitalize;padding:1px 10px;border-radius:8px;background:var(--common);color:#10151c;font-size:14px}.rarity-tag.r-rare{background:var(--rare)}.rarity-tag.r-epic{background:var(--epic);color:#fff}.rarity-tag.r-legendary{background:var(--legendary)}.cd-desc{color:var(--ink-dim);margin:8px 0;font-size:14px}.stats{border-collapse:collapse;width:100%;font-size:14px}.stats th{text-align:start;color:var(--ink-dim);font-weight:800;padding:3px 10px 3px 0}.stats td{padding-block:3px;padding-inline:0 8px;font-family:var(--display);font-size:16px}.stats th{padding-inline:0 10px}.stats td.next{color:var(--green)}.chest-dialog{text-align:center;max-width:420px}.chest-dialog>img{width:140px;filter:drop-shadow(0 6px 3px rgba(0,0,0,.5))}.chest-dialog p{color:var(--ink-dim);font-size:14px}.chest-dialog .dialog-actions{justify-content:center}.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skin{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:14px;background:#0000004d;border:3px solid transparent;font-family:var(--display);text-transform:capitalize}.skin img{width:110px;height:110px;object-fit:contain}.skin.selected{border-color:var(--yellow);background:#ffcc2e26}.profile-stats{display:flex;gap:10px;margin-bottom:12px}.profile-stats div{flex:1;background:#0000004d;border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center}.profile-stats b{font-family:var(--display);font-size:22px;font-weight:400}.profile-stats small{color:var(--ink-dim)}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-dim)}.field input{font:inherit;font-size:18px;padding:8px 12px;border-radius:10px;border:3px solid var(--outline);background:#0e1620;color:#fff;-webkit-user-select:text;user-select:text}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050a12c7;display:flex;align-items:center;justify-content:center;animation:fadein .2s}.mm-box{text-align:center;background:linear-gradient(#2d4159,#1f2f42);border:4px solid var(--outline);border-radius:22px;padding:22px 36px;box-shadow:0 8px 0 var(--outline)}.mm-box p{margin:6px 0}.mm-mode{color:var(--yellow)}.mm-note{color:var(--ink-dim);font-size:14px}.mm-spinner{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;border:7px solid rgba(255,255,255,.15);border-top-color:var(--yellow);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chest-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:radial-gradient(circle at 50% 45%,#3b4f7a,#0b1220 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;animation:fadein .2s;overflow:hidden}.chest-open.r-epic{background:radial-gradient(circle at 50% 45%,#5b3a8a,#0b1220 70%)}.chest-open.r-legendary{background:radial-gradient(circle at 50% 45%,#8a6a2a,#0b1220 70%)}.chest-open.closing{animation:fadeout .2s forwards}.chest-rays{position:absolute;width:160vmax;height:160vmax;background:repeating-conic-gradient(rgba(255,255,255,.07) 0 10deg,transparent 10deg 20deg);animation:spin 20s linear infinite;pointer-events:none}.chest-big{position:relative;width:min(46vh,300px);filter:drop-shadow(0 12px 8px rgba(0,0,0,.5))}.chest-big.shake{animation:chestshake 1.2s ease-in-out infinite}.chest-big.opened{animation:popin .35s cubic-bezier(.3,1.6,.6,1)}@keyframes chestshake{0%,60%,to{transform:rotate(0) scale(1)}70%{transform:rotate(-6deg) scale(1.05)}80%{transform:rotate(6deg) scale(1.05)}90%{transform:rotate(-4deg) scale(1.03)}}.chest-title{position:relative;font-family:var(--display);font-size:30px;text-shadow:0 3px 0 var(--outline);margin-top:6px}.chest-hint{position:relative;color:var(--ink-dim);margin-top:8px;animation:pulse 1.2s infinite}.reward-pop{position:relative;display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:34px;margin-top:10px;animation:popin .3s cubic-bezier(.3,1.6,.6,1)}.reward-pop img{width:50px}.reward-card{position:relative;animation:cardin .4s cubic-bezier(.3,1.6,.6,1)}.reward-card .card{width:min(34vh,200px);cursor:pointer}.reward-card .card .card-name{font-size:18px}.reward-card .card .card-count{font-size:22px}@keyframes cardin{0%{transform:translateY(60px) rotateY(90deg) scale(.6);opacity:0}}.reward-label{position:relative;font-family:var(--display);font-size:22px;margin-top:12px;text-shadow:0 2px 0 var(--outline)}.reward-label.r-rare{color:var(--rare)}.reward-label.r-epic{color:var(--epic)}.reward-label.r-legendary{color:var(--legendary)}.chest-summary{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.summary-gold{font-family:var(--display);font-size:26px;display:flex;align-items:center;gap:6px}.summary-gold img{width:36px}.summary-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:90vw}.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#050a12d1;display:flex;align-items:center;justify-content:center;padding:10px;animation:fadein .25s}.result-box{text-align:center;max-height:96vh;overflow-y:auto;background:linear-gradient(#2d4159,#1f2f42);border:4px solid var(--outline);border-radius:22px;padding:14px 24px 18px;box-shadow:0 8px 0 var(--outline);min-width:min(560px,96vw)}.result h1{font-size:44px}.result.win h1{color:var(--yellow)}.result.lose h1{color:#ff8a8f}.result-rewards{display:flex;gap:10px;justify-content:center;margin:8px 0 10px;flex-wrap:wrap}.rr{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:6px 10px;border-radius:14px;background:#00000059}.rr img{width:44px;height:44px;object-fit:contain}.rr b{font-family:var(--display);font-weight:400;font-size:22px}.rr.up b{color:var(--green)}.rr.down b{color:#ff8a8f}.rr small{color:var(--ink-dim);font-size:12px}.rr.chest img{width:64px}.result-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:14px}.result-table th{color:var(--ink-dim);font-weight:800;padding:4px}.result-table td{padding:4px 6px}.result-table tr.ally td:first-child{color:var(--blue)}.result-table tr.enemy td:first-child{color:#ff8a8f}.result-table tr.me{background:#3fd46b2e}.result-table td.name{text-align:start;font-family:var(--display);font-size:16px}.result-table small{color:var(--ink-dim);font-size:10px}.toast{position:fixed;left:50%;top:70px;transform:translate(-50%,-20px);z-index:90;background:#10202e;border:3px solid var(--outline);border-radius:14px;padding:8px 18px;opacity:0;transition:.25s;font-size:15px;box-shadow:0 4px 0 var(--outline);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#5a1d24}body.in-battle #ui{display:none}.controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;touch-action:none}.stick{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#ffffff14;border:3px solid rgba(255,255,255,.25);opacity:.55;transition:opacity .1s;pointer-events:none}.stick.active{opacity:1}.stick .knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#ffffff8c;border:3px solid rgba(0,0,0,.25);box-shadow:0 3px 8px #0000004d}.stick-aim{border-color:#ffc85099}.stick-aim .knob{background:#ffbe3ccc}@media (pointer: fine){.stick{display:none}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;font-family:var(--display)}.hud button{pointer-events:auto}.hud-leave{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:40px;height:40px;border-radius:12px;background:#00000073;border:2px solid rgba(255,255,255,.2);font-size:18px}.hud-score{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:8px}.timer{background:#0000008c;border-radius:12px;padding:3px 14px;font-size:22px;border:2px solid rgba(255,255,255,.15);text-shadow:0 2px 0 #000}.timer.low{color:#ff8a8f;animation:pulse .6s infinite}.team-score{min-width:48px;text-align:center;font-size:28px;padding:0 10px;border-radius:12px;border:3px solid var(--outline);text-shadow:0 2px 0 #000}.team-score.ally{background:linear-gradient(#6cc3ff,#2585e0)}.team-score.enemy{background:linear-gradient(#ff7a80,#e0303c)}.hud-feed{position:absolute;top:8px;right:max(10px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:4px;align-items:flex-end}.feed-row{background:#00000080;border-radius:10px;padding:2px 10px;font-size:14px;transition:opacity .6s}.feed-row.fade{opacity:0}.feed-row .ally{color:#8fd0ff}.feed-row .enemy{color:#ff9ca1}.feed-row i{font-style:normal;color:#fff}.hud-center{position:absolute;left:0;right:0;top:34%;display:flex;justify-content:center}.respawn{background:#0000008c;padding:8px 22px;border-radius:16px;font-size:26px}.banner{font-size:min(14vw,96px);text-shadow:0 5px 0 #000,0 0 30px rgba(0,0,0,.5);animation:popin .35s cubic-bezier(.3,1.6,.6,1)}.banner.win{color:var(--yellow)}.banner.lose{color:#ff6b73}.banner.draw{color:#fff}.hud-flash{position:absolute;left:50%;top:22%;transform:translate(-50%);font-size:36px;color:var(--yellow);text-shadow:0 4px 0 #000;animation:flashup 1.1s ease-out forwards}@keyframes flashup{0%{transform:translate(-50%,20px) scale(.6);opacity:0}20%{transform:translate(-50%) scale(1.1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-20px);opacity:0}}.hud-ping{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:var(--body);font-size:11px;color:#ffffff80}.hud-mode{position:absolute;top:12px;left:58px;font-family:var(--body);font-size:12px;color:#fff;background:#00000080;padding:3px 10px;border-radius:10px}@media (max-height: 460px){.timer{font-size:18px}.team-score{font-size:22px}.mode small{display:none}.league-box{padding:2px 8px}.card-name{font-size:11px}.lo-help{display:none}}@media (max-width: 760px){.tb-logo{display:none}.tb-player{margin-inline-end:auto}.tb-res{min-width:96px}}.bar{direction:ltr}.bar span{direction:ltr;unicode-bidi:isolate}.loading-bar{direction:ltr}.hud-ammo{position:absolute;right:max(18px,calc(14vw - 64px));bottom:calc(28vh + 74px);display:flex;gap:5px;padding:5px 7px;border-radius:12px;background:#00000073;border:2px solid rgba(255,255,255,.18)}.hud-ammo i{position:relative;width:36px;height:14px;border-radius:5px;background:#0b1119;overflow:hidden;border:2px solid #10151c}.hud-ammo i b{position:absolute;inset:0 auto 0 0;background:#8a5a1e}.hud-ammo i.full b{background:linear-gradient(#ffd06a,#ff9a1f);box-shadow:inset 0 2px #fff6}.hud-ammo.empty{animation:shake .3s;border-color:var(--red)}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (pointer: fine){.hud-ammo{right:50%;transform:translate(50%);bottom:26px}.hud-ammo i{width:46px;height:16px}}.coach{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.coach-box{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(560px,86vw);background:#101a28eb;border:3px solid var(--yellow);border-radius:18px;padding:10px 16px;text-align:center;font-family:var(--body);font-weight:800;box-shadow:0 5px 0 var(--outline);pointer-events:auto;animation:popin .25s cubic-bezier(.3,1.6,.6,1)}.coach-box p{margin:4px 0;font-size:16px;line-height:1.6}.coach-step{font-family:var(--display);color:var(--yellow);font-size:14px}.coach-kills b{color:var(--yellow);font-family:var(--display);font-size:20px}.coach-hand{position:absolute;font-size:48px;filter:drop-shadow(0 3px 2px #000)}.coach-hand.move{left:14vw;top:68vh;animation:handmove 1.6s ease-in-out infinite}.coach-hand.aim{left:84vw;top:68vh;animation:handaim 1.6s ease-in-out infinite}@keyframes handmove{0%,to{transform:translate(-20px)}50%{transform:translate(40px,-20px)}}@keyframes handaim{0%{transform:translate(0);opacity:1}60%{transform:translate(30px,-40px);opacity:1}to{transform:translate(30px,-40px);opacity:0}}.welcome{text-align:center;max-width:480px}.welcome-logo{width:min(320px,70vw);margin:-6px auto 4px;display:block}.welcome p{color:var(--ink-dim);line-height:1.7}.welcome-reward{color:var(--yellow)!important;font-family:var(--display);font-size:18px}.welcome .dialog-actions,.help .dialog-actions{justify-content:center}.help{text-align:center;max-width:520px}.help-img{width:120px;height:110px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(0,0,0,.4))}.help p{color:var(--ink-dim);line-height:1.8;min-height:5.4em}.help-dots{display:flex;gap:6px;justify-content:center}.help-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff40}.help-dots i.on{background:var(--yellow)}p,h1,h2,h3,b,span,small,label,button,td,th,input,.card-name,.pchip-name,.lb-name,.toast,.mode b{unicode-bidi:plaintext}.cd-desc,.help p,.welcome p,.coach-box p,.pf-note,.cd-gun small,.sc-gun small{direction:rtl;text-align:right}.nav{border-inline-start:0;border-inline-end:3px solid rgba(0,0,0,.45);background:linear-gradient(270deg,#0c1420bf,#0c14208c)}.hero-figure{transform:none}.price-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;height:clamp(36px,5.2vh,50px);padding:0 14px;border-radius:14px;border:3px solid var(--outline);background:linear-gradient(#9dff8a,#38c94f 55%,#26a53c);box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #0000002e,0 4px 0 var(--outline);font-family:var(--display);font-size:clamp(18px,2.8vh,26px);color:#0f2a12;text-shadow:0 1px 0 rgba(255,255,255,.55)}.price-btn img{height:78%;filter:drop-shadow(0 2px 1px rgba(0,0,0,.35))}.price-btn:active{transform:translateY(3px);box-shadow:inset 0 -2px #0003,0 1px 0 var(--outline)}.price-btn.claim{background:linear-gradient(#ffe46b,#ffb000);color:#3a2400;font-size:clamp(15px,2.2vh,20px);min-width:0}.btn small.price{display:inline-flex;align-items:center;gap:4px;background:#00000059;padding:0 8px;border-radius:8px;color:#fff}.ribbon{position:absolute;top:-18px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}.tb-avatar{position:relative;height:100%;aspect-ratio:1}.tb-avatar>img:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--lc);box-shadow:0 0 0 2px var(--outline)}.tb-avatar .tb-league{position:absolute;right:-8px;bottom:-6px;height:55%;width:auto}.home-hero .stage{cursor:pointer}.hero-tag{position:absolute;bottom:min(13vh,108px);left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:3px 14px;border-radius:12px;background:#0a121ecc;border:2px solid var(--cc);font-family:var(--display);white-space:nowrap;z-index:2;opacity:0;transition:opacity .2s}.home-hero .stage:hover .hero-tag{opacity:1}.hero-tag span{color:var(--yellow);font-size:.9em}.hero-figure.small{height:auto;width:100%;max-height:none;margin:0;animation:herobob 2.6s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.hero-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:16px;background:linear-gradient(#2f4563,#1c2b41);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline)}.hero-pick img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:3px solid var(--rc, #9fb4c7)}.hero-pick.r-rare{--rc: var(--rare)}.hero-pick.r-epic{--rc: var(--epic)}.hero-pick.r-legendary{--rc: var(--legendary)}.hero-pick b{font-family:var(--display);font-weight:400;font-size:16px}.hero-pick small{color:var(--ink-dim)}.hero-pick.selected{background:linear-gradient(#ffe46b,#ffb21c);color:#3a2400}.hero-pick.selected small{color:#5a3a00}.hero-pick.locked img{filter:grayscale(1) brightness(.5)}.cd-hero{width:200px;aspect-ratio:1;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 55%,#fff 10%),color-mix(in srgb,var(--cc) 35%,#0b1220) 75%);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px #ffffff2e,0 4px 0 var(--outline)}.cd-progress{margin-top:10px}.cd-progress .card{width:200px}.cd-progress .card-frame{display:none}.cd-gun{display:flex;gap:10px;align-items:center;background:#00000047;border-radius:12px;padding:6px 10px;margin-bottom:8px}.cd-gun img{width:64px;height:64px;object-fit:contain}.cd-gun b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--yellow);display:block}.cd-gun small{color:var(--ink-dim);font-size:13px}.profile{width:min(640px,88vw)}.pf-head{display:flex;gap:16px;align-items:center}.pf-avatar{width:116px;aspect-ratio:1;border-radius:50%;padding:5px;background:conic-gradient(from 200deg,var(--lc),#fff8,var(--lc));box-shadow:0 5px 0 var(--outline);flex:none}.pf-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--outline)}.pf-id h2{display:flex;align-items:center;gap:8px;font-size:28px}.pf-pencil{width:32px;height:32px;border-radius:50%;background:linear-gradient(#6cc3ff,#2585e0);border:2px solid var(--outline);font-size:16px}.pf-edit{display:flex;gap:8px}.pf-edit input{font:inherit;font-size:18px;padding:6px 12px;border-radius:10px;border:3px solid var(--outline);background:#0e1620;color:#fff;-webkit-user-select:text;user-select:text;width:220px}.pf-league{display:flex;align-items:center;gap:8px;font-family:var(--display);margin-top:4px}.pf-league>img{width:42px;height:42px;object-fit:contain}.pf-league span{color:var(--yellow);background:#00000059;padding:0 10px;border-radius:9px}.pf-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.pf-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;border-radius:14px;background:linear-gradient(#26374f,#172336);border:2px solid var(--outline);text-align:center}.pf-stats b{font-family:var(--display);font-weight:400;font-size:22px}.pf-stats small{color:var(--ink-dim);font-size:12px}.pf-fav img{width:38px;height:38px;border-radius:50%;border:2px solid var(--yellow)}.pf-fav b{font-size:14px!important}.pf-title{font-size:20px;margin-bottom:8px}.pf-avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.pf-ava{position:relative;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--rc, #9fb4c7);border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline)}.pf-ava.r-rare{--rc: var(--rare)}.pf-ava.r-epic{--rc: var(--epic)}.pf-ava.r-legendary{--rc: var(--legendary)}.pf-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pf-ava.locked img{filter:grayscale(1) brightness(.45)}.pf-ava i{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:18px}.pf-ava.selected{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow),0 0 14px #ffd23ccc}.pf-note{font-size:13px;margin:10px 0 0}.shop{display:grid;grid-template-columns:clamp(230px,24vw,400px) 1fr;gap:var(--gap);overflow:hidden!important}.daily{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px 14px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#ffd76a,#f08a1c 45%,#7a3d0c);border:4px solid var(--outline);box-shadow:inset 0 0 0 4px #ffd35a,0 6px 0 var(--outline),0 12px 26px #0006}.daily-head{align-self:stretch;margin:0 -12px;padding:8px;text-align:center;font-family:var(--display);font-size:clamp(18px,3vh,28px);background:linear-gradient(#e2423f,#a4211f);border-bottom:3px solid var(--outline);text-shadow:0 2px 0 var(--outline)}.daily-art{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.daily-art .hero-figure{max-width:88%}.daily-name{text-align:center;display:flex;flex-direction:column}.daily-name b{font-family:var(--display);font-weight:400;font-size:clamp(18px,3vh,28px);text-shadow:0 2px 0 var(--outline)}.daily-name span{font-family:var(--display);text-shadow:0 1px 0 var(--outline)}.daily-items{display:flex;gap:8px}.daily-items>div{position:relative;width:clamp(58px,9vh,84px);aspect-ratio:1;border-radius:12px;background:#0a121ebf;border:2px solid var(--outline);display:flex;align-items:center;justify-content:center}.daily-items img{width:80%;height:80%;object-fit:contain;border-radius:10px}.daily-items b{position:absolute;bottom:-4px;right:-4px;font-family:var(--display);background:var(--outline);padding:0 6px;border-radius:8px;font-size:14px}.daily .price-btn{align-self:stretch}.daily-done{font-family:var(--display);font-size:20px;text-align:center;display:flex;flex-direction:column;background:#0006;border-radius:12px;padding:6px 14px}.daily-done small{font-family:var(--body);font-size:12px;color:#ffe9b0}.shop-sections{display:grid;grid-template-rows:1.25fr 1fr;gap:calc(var(--gap) * 2.2);padding-top:16px;min-height:0}.shop-sec{position:relative;padding:24px 12px 12px;min-height:0}.offer-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap);height:100%}.offer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:8px;border-radius:16px;min-height:0;--rc: #9fb4c7;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rc) 60%,#fff 5%),color-mix(in srgb,var(--rc) 30%,#0e1726) 75%);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--rc),0 4px 0 var(--outline)}.offer.r-common{--rc: #3b82c4}.offer.r-rare{--rc: #2f7ef5}.offer.r-epic{--rc: #a24bff}.offer.r-legendary{--rc: #ffb21c}.offer-img{flex:1;min-height:0;width:90%;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(0,0,0,.5))}.offer-name{font-family:var(--display);font-weight:400;font-size:clamp(15px,2.4vh,22px);text-shadow:0 2px 0 var(--outline);display:flex;align-items:center;gap:4px}.offer-contents{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.offer-contents span{display:inline-flex;align-items:center;gap:3px;background:#080e18b3;border:2px solid var(--outline);border-radius:9px;padding:1px 6px;font-family:var(--display);font-size:13px}.offer-contents img{width:18px;height:18px;object-fit:contain}.offer .price-btn{align-self:stretch}.gold-offer{--rc: #6b5a2a;background:radial-gradient(circle at 50% 30%,#6c5a2c,#2a2414 80%)}.gold-offer.best{box-shadow:inset 0 0 0 3px #ffd35a,0 4px 0 var(--outline),0 0 18px #ffd23c80}.best-tag{position:absolute;top:6px;left:6px;z-index:1;background:var(--red);border:2px solid var(--outline);border-radius:8px;padding:0 8px;font-family:var(--display);font-size:12px;transform:rotate(-6deg)}.road{display:flex;flex-direction:column;gap:var(--gap);overflow:hidden!important}.road-head{display:flex;align-items:center;gap:12px;padding:6px 16px;align-self:flex-start}.road-head>img{width:58px;height:58px;object-fit:contain}.road-head b{font-family:var(--display);font-weight:400;font-size:22px;display:block;text-shadow:0 2px 0 var(--outline)}.road-head span{font-family:var(--display);color:var(--yellow)}.road-head small{margin-inline-start:12px}.road-scroll{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;border-radius:18px}.road-track{position:relative;height:100%;min-height:300px}.road-path,.road-fill{position:absolute;left:0;top:50%;height:26px;transform:translateY(-50%);border-radius:14px}.road-path{right:0;background:linear-gradient(#e7c27a,#b9894a);border:4px solid #5a3d1a;box-shadow:0 5px #00000059,inset 0 3px #ffffff59}.road-fill{background:linear-gradient(#7fd4ff,#2f8fe8);border:4px solid #0f3f73;box-shadow:0 0 16px #50beffb3,inset 0 3px #ffffff73}.road-you{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;border-radius:14px;background:#0f3f73;border:3px solid #fff;font-family:var(--display);box-shadow:0 3px 0 var(--outline)}.road-you img{width:22px}.rd-node{position:absolute;top:50%;width:150px;margin-left:-75px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}.rd-node.up{transform:translateY(calc(-100% - 26px))}.rd-node.down{transform:translateY(26px)}.rd-pedestal{position:relative;width:104px;height:88px;display:flex;align-items:flex-end;justify-content:center}.rd-pedestal:after{content:"";position:absolute;bottom:0;width:100px;height:26px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#8f9aa6,#4d5864 70%);border:3px solid var(--outline);z-index:-1}.rd-pedestal img{width:86px;height:76px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 5px 3px rgba(0,0,0,.5))}.rd-reward.reached:not(.claimed) .rd-pedestal img{animation:wiggle 1s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,220,90,.9))}.rd-reward:not(.reached) .rd-pedestal img{filter:grayscale(.6) brightness(.7)}.rd-lock,.rd-check{position:absolute;top:18px;font-style:normal;font-size:28px;filter:drop-shadow(0 2px 2px #000)}.rd-check{color:var(--green);font-family:var(--display);font-size:34px}.rd-reward.claimed{opacity:.75}.rd-label{font-family:var(--display);font-size:13px;background:#080e18bf;padding:0 8px;border-radius:8px}.rd-trophies{display:flex;align-items:center;gap:4px;background:#080e18d9;border:2px solid var(--outline);border-radius:10px;padding:1px 10px;font-family:var(--display);color:var(--yellow)}.rd-trophies img{width:18px}.rd-shield{width:110px;padding:10px 6px 8px;border-radius:16px 16px 40px 40px;background:linear-gradient(color-mix(in srgb,var(--lc) 70%,#fff 15%),color-mix(in srgb,var(--lc) 45%,#1b1308));border:4px solid var(--outline);box-shadow:inset 0 0 0 3px #ffffff4d,0 5px 0 var(--outline);display:flex;flex-direction:column;align-items:center}.rd-shield img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(0,0,0,.5))}.rd-shield b{font-family:var(--display);font-weight:400;font-size:17px;text-shadow:0 2px 0 var(--outline)}.rd-league:not(.reached) .rd-shield{filter:grayscale(.7) brightness(.7)}.ranks{display:flex;flex-direction:column;gap:var(--gap);overflow:hidden!important}.podium{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,30px);min-height:clamp(150px,34vh,330px)}.pod{display:flex;flex-direction:column;align-items:center;width:clamp(120px,16vw,250px)}.pod.empty{visibility:hidden}.pod-ava{position:relative;width:62%;aspect-ratio:1;border-radius:50%;padding:6px;margin-bottom:-18px;z-index:1;background:conic-gradient(from 0deg,var(--mc),#fff,var(--mc),#fff8,var(--mc));box-shadow:0 5px 0 var(--outline),0 0 18px color-mix(in srgb,var(--mc) 60%,transparent)}.pod-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--outline)}.pod-crown{position:absolute;top:-34%;left:50%;transform:translate(-50%);font-size:clamp(26px,5vh,48px);filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.pod-rank{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:38px;height:42px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;font-size:22px;color:#fff;background:var(--mc);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-shadow:0 2px 0 var(--outline)}.pod-block{width:100%;padding:26px 8px 10px;border-radius:14px 14px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(color-mix(in srgb,var(--mc) 75%,#fff 10%),color-mix(in srgb,var(--mc) 45%,#10151c));border:4px solid var(--outline);box-shadow:inset 0 3px #ffffff59,0 5px 0 var(--outline)}.pod-name{font-family:var(--display);font-size:clamp(16px,2.6vh,24px);text-shadow:0 2px 0 var(--outline);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-trophies{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:clamp(15px,2.4vh,22px);background:#080e18a6;padding:0 12px;border-radius:10px}.pod-trophies img{width:22px}.pod-1{--mc: #f5b829}.pod-2{--mc: #aab8c8}.pod-3{--mc: #c9793c}.pod-1 .pod-block{min-height:clamp(70px,13vh,130px)}.pod-2 .pod-block{min-height:clamp(52px,9vh,96px)}.pod-3 .pod-block{min-height:clamp(40px,7vh,76px)}.pod.me .pod-block{box-shadow:0 0 0 3px var(--green),0 5px 0 var(--outline)}.lb{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;gap:6px}.lb-rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.lb-row{display:grid;grid-template-columns:48px 46px 1fr 44px 90px 110px;align-items:center;gap:10px;padding:5px 12px;border-radius:12px;background:linear-gradient(#26374f,#1b2a3e);border:2px solid var(--outline);font-family:var(--display);font-size:clamp(15px,2.3vh,21px)}.lb-rank{text-align:center}.lb-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;border:3px solid #d9a441}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-name small{color:var(--ink-dim);font-size:.75em}.lb-league{width:40px;height:40px;object-fit:contain}.lb-wins,.lb-trophies{display:flex;align-items:center;gap:6px}.lb-wins img,.lb-trophies img{width:26px;height:26px;object-fit:contain}.lb-trophies{color:var(--yellow)}.lb-row.me{background:linear-gradient(#4aa6ff,#1f63c9);border-color:#cfe8ff;box-shadow:0 0 14px #50aaff99}.lb-pinned{flex:none}.hud-score{top:4px;left:0;right:0;transform:none;display:flex;justify-content:center;pointer-events:none}.team-bar{display:flex;align-items:flex-start;gap:clamp(8px,2vw,26px);padding:4px 14px 6px;border-radius:0 0 20px 20px;background:linear-gradient(#080e18d9,#080e188c);border:2px solid rgba(0,0,0,.5);border-top:0}.pchips{display:flex;gap:clamp(6px,1vw,14px)}.score-mid{display:flex;align-items:center;gap:8px;padding-top:6px}.team-score{min-width:50px;text-align:center;font-size:clamp(22px,4vh,34px);padding:0 10px;border-radius:12px;border:3px solid var(--outline);text-shadow:0 2px 0 #000}.pchip{display:flex;flex-direction:column;align-items:center;width:clamp(56px,8vh,78px);transition:order .3s}.pchip-ava{position:relative;width:clamp(44px,7vh,64px);aspect-ratio:1;border-radius:50%;padding:3px;background:var(--pc);box-shadow:0 3px 0 var(--outline)}.pchip.me{--pc: #4cff7a}.pchip.ally{--pc: #3fa9ff}.pchip.enemy{--pc: #ff4d4d}.pchip-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--outline)}.pchip-kills{position:absolute;bottom:-6px;right:-10px;font-family:var(--display);font-weight:400;font-size:13px;background:var(--outline);color:#fff;border:2px solid var(--pc);border-radius:9px;padding:0 5px;white-space:nowrap}.pchip-dead{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;display:none;align-items:center;justify-content:center;font-family:var(--display);font-size:clamp(18px,3vh,26px);background:#0000008c}.pchip.dead .pchip-ava img{filter:grayscale(1) brightness(.6)}.pchip.dead .pchip-dead{display:flex}.pchip-name{margin-top:5px;max-width:100%;font-family:var(--body);font-weight:900;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 #000}.team-bar.ffa{flex-direction:column;align-items:center;gap:2px}.team-bar .timer{font-size:clamp(18px,3.2vh,26px)}.hud-feed{top:96px}.hud-mode{display:none}@media (max-height: 460px){.pchip-name{display:none}.hud-feed{top:70px}.shop{grid-template-columns:200px 1fr}.offer-contents{display:none}.lb-row{grid-template-columns:34px 36px 1fr 32px 70px 90px;font-size:14px}.lb-ava{width:32px;height:32px}.lb-league{width:30px;height:30px}}.pf-stats>div>img{width:34px;height:34px;object-fit:contain}.pf-stats b{background:#0006;border-radius:8px;padding:0 10px;width:90%}.pf-fav img{width:56px;height:56px;border-radius:12px;border:2px solid var(--yellow)}.pf-title{position:relative;height:20px;margin:18px 0 10px}.pf-avatars{grid-template-columns:repeat(4,1fr);gap:14px;padding:16px;border-radius:16px;background:#00000040;border:2px solid rgba(255,255,255,.06)}.pf-ava{padding:4px}.pf-ava i{font-size:30px}.showcase{display:grid;grid-template-columns:clamp(160px,26vh,280px) 1fr 1.1fr;align-items:center;gap:14px;padding:10px 16px;min-height:clamp(170px,30vh,290px);background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--cc) 35%,transparent),transparent 40%),linear-gradient(180deg,#2c3e58f0,#1a2638f0)}.sc-stage{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.sc-stage .pedestal{width:90%;height:26%}.sc-stage .hero-figure{width:92%;margin-bottom:8%}.sc-info h2{font-size:clamp(22px,4vh,36px);display:flex;flex-direction:column}.sc-info h2 small{font-size:.5em}.sc-gun{display:flex;gap:10px;align-items:center;margin-top:8px;padding:8px;border-radius:14px;background:linear-gradient(135deg,#5b2fa8,#2c1a57);border:3px solid var(--outline);box-shadow:inset 0 0 0 2px #b58cff}.sc-gun img{width:clamp(60px,10vh,96px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(0,0,0,.5))}.sc-gun b{font-family:var(--display);font-weight:400;font-size:clamp(16px,2.6vh,22px);color:var(--yellow);display:block}.sc-gun small{color:#d9ccff;font-size:12px}.sc-stats{display:flex;flex-direction:column;gap:clamp(6px,1.4vh,12px);padding:10px 14px;border-radius:14px;background:#0000004d;border:2px solid rgba(255,255,255,.06)}.sc-stat{display:grid;grid-template-columns:28px 64px 1fr 86px;align-items:center;gap:8px;font-family:var(--display)}.sc-icon{font-size:20px;text-align:center}.sc-bar{height:18px;border-radius:10px;background:#0b1119;border:2px solid var(--outline);overflow:hidden}.sc-bar div{height:100%;border-radius:8px;box-shadow:inset 0 2px #ffffff59}.sc-val{text-align:right;font-size:15px}@media (max-height: 460px){.showcase{grid-template-columns:130px 1fr 1fr;min-height:0}.sc-gun small{display:none}}.hud-score{top:0;left:max(56px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.team-bar:not(.ffa){width:min(100%,1100px);justify-content:space-between;align-items:center;padding:4px 16px 6px;border-radius:0 0 22px 22px;background:linear-gradient(90deg,#163a78eb,#0c1628e6 42%,#0c1628e6 58%,#78181eeb);border:3px solid rgba(0,0,0,.55);border-top:0;box-shadow:0 6px 16px #00000059}.pchips.enemy-side{flex-direction:row-reverse}.score-mid{padding-top:0}.mid-crest{display:flex;flex-direction:column;align-items:center;gap:0}.mid-crest span{font-size:18px;line-height:1;filter:drop-shadow(0 2px 1px #000)}.team-bar .timer{background:#0b1322;border:2px solid rgba(255,255,255,.18)}.team-score{min-width:52px;height:clamp(40px,7vh,58px);display:flex;align-items:center;justify-content:center;border-radius:10px 10px 50% 50%;box-shadow:inset 0 3px #ffffff59,0 3px 0 var(--outline)}.team-score.ally{background:linear-gradient(#5bb8ff,#1c5fc4)}.team-score.enemy{background:linear-gradient(#ff7a80,#b8202b)}.pchip-kills{position:static;border:0;background:transparent;font-size:12px;padding:0}.pchip-name{margin-top:3px}.team-bar.ffa .pchip{width:clamp(60px,9vh,84px)}.feed-row{display:flex;align-items:center;gap:5px;padding:2px 6px;border-radius:12px;background:#080e18bf;border:2px solid rgba(255,255,255,.1);font-family:var(--body);font-weight:900}.feed-row img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.4)}.feed-row i.ally{color:#6fb8ff}.feed-row i.enemy{color:#ff7a80}.stick-move{background:radial-gradient(circle,#3c8cff40,#14326e59);border:4px solid rgba(120,190,255,.7)}.stick-move .knob{background:radial-gradient(circle at 35% 30%,#8fd0ff,#1f6fe0 70%);border:3px solid #0d2f66}.stick-aim{background:radial-gradient(circle,#ff5a5033,#6e141459);border:4px solid rgba(255,140,120,.75)}.stick-aim .knob{background:radial-gradient(circle at 35% 30%,#ff9a8a,#d8261f 70%);border:3px solid #5a0d0d;display:flex;align-items:center;justify-content:center}.stick-aim .knob:after{content:"";width:60%;height:60%;background:url(/assets/ic_crosshair.png) center / contain no-repeat}.hud-ammo{gap:6px;padding:6px 8px;background:#080e188c}.hud-ammo i{width:18px;height:40px;border-radius:9px 9px 4px 4px;background:#1a2436;border:2px solid #0b1119;display:flex;align-items:flex-end;overflow:hidden}.hud-ammo i b{position:static;width:100%;background:#6b5320}.hud-ammo i.full b{background:linear-gradient(90deg,#ffe07a,#ffb000 60%,#c98200);box-shadow:inset 0 3px #ffffff80}@media (pointer: fine){.hud-ammo i{width:22px;height:44px}}.lb-name,.pod-name{text-align:left}.lb-row{grid-template-columns:48px 46px minmax(0,1fr) 44px 90px 110px}.stats th{text-align:left}.help,.welcome,.help p,.welcome p{text-align:center}.cards-screen{overflow-y:auto}.showcase{flex:none;overflow:hidden}.sc-stage{min-height:clamp(130px,24vh,240px)}@media (max-height: 460px){.showcase{grid-template-columns:120px 1fr 1.1fr;gap:8px;padding:6px 10px;min-height:150px}.sc-stage{min-height:136px}.sc-gun img{width:48px}.sc-stat{grid-template-columns:22px 44px 1fr 62px;font-size:12px;gap:5px}.sc-bar{height:12px}.podium{min-height:120px}.pod{width:130px}}.pod-crown img{width:clamp(40px,7vh,64px)}.coach-box{top:70px;width:min(600px,88vw);padding:10px 18px 12px;direction:rtl}.coach-box h3{font-size:22px;color:var(--yellow);margin:4px 0 0}.coach-track{display:flex;gap:6px;justify-content:center;direction:ltr}.coach-track i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);opacity:.55}.coach-track i.now{opacity:1;background:#ffcc2e40;border-color:var(--yellow);transform:scale(1.15)}.coach-track i.done{opacity:1;background:var(--green);border-color:#0f3;color:#fff;font-family:var(--display)}.coach-kills{display:flex;gap:10px;justify-content:center;font-size:30px}.coach-kills span{filter:grayscale(1) opacity(.35);transition:.3s}.coach-kills span.got{filter:none;transform:scale(1.2)}.coach-focus{position:absolute;border-radius:50%;border:5px solid var(--yellow);box-shadow:0 0 0 9999px #00000059,0 0 30px var(--yellow);animation:pulse 1s ease-in-out infinite;pointer-events:none}.coach-focus.move.touch{left:calc(14vw - 90px);top:calc(72vh - 90px);width:180px;height:180px}.coach-focus.aim.touch{left:calc(86vw - 90px);top:calc(72vh - 90px);width:180px;height:180px}.coach-focus.desk{display:none}.coach-focus.ammo{border-radius:16px;width:170px;height:70px;left:calc(50% - 85px);bottom:14px}.coach-focus.ammo.touch{left:auto;right:max(8px,calc(14vw - 80px));bottom:calc(28vh + 60px)}.coach-hand.tap{left:84vw;top:68vh;animation:handtap 1s ease-in-out infinite}@keyframes handtap{0%,to{transform:scale(1)}50%{transform:scale(.8) translateY(6px)}}.coach-done{position:absolute;left:50%;top:38%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;animation:popin .3s cubic-bezier(.3,1.6,.6,1);pointer-events:none}.coach-done b{width:96px;height:96px;border-radius:50%;background:linear-gradient(#7af59a,#20a946);border:5px solid var(--outline);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;font-size:60px;box-shadow:0 6px 0 var(--outline),0 0 30px #50ff82b3}.coach-done span{font-family:var(--display);font-size:34px;color:#fff;text-shadow:0 3px 0 #000;margin-top:6px}body.forced-tutorial .hud-leave{display:none}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;padding:20px 5vw;background:radial-gradient(circle at 30% 50%,rgba(255,210,90,.35),transparent 45%),url(/assets/menu_bg.jpg) center / cover;animation:fadein .3s}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080e1826,#080e18bf)}.intro>*{position:relative}.intro.closing{animation:fadeout .25s forwards}.intro-logo{position:absolute;top:2vh;left:50%;transform:translate(-50%);width:min(40vw,420px);filter:drop-shadow(0 6px 4px rgba(0,0,0,.5))}.intro-hero img{width:min(42vh,380px);animation:herobob 2.4s ease-in-out infinite;filter:drop-shadow(0 12px 8px rgba(0,0,0,.45))}.intro-card{direction:rtl;text-align:center;max-width:480px;padding:22px 26px;border-radius:22px;background:linear-gradient(#2c3e58f5,#1a2638f5);border:4px solid var(--outline);box-shadow:0 8px 0 var(--outline)}.intro-card h2{font-size:clamp(24px,4vh,34px)}.intro-card p{color:var(--ink-dim);line-height:1.8}.intro-reward{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--yellow)!important;font-family:var(--display);font-size:18px}.intro-reward img{width:56px}.intro-card .btn-play{width:100%;height:auto;padding:12px;margin-top:8px;font-size:clamp(26px,5vh,40px)}.onb-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;cursor:pointer}.onb-hole{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px #04080eb8,0 0 0 4px var(--yellow),0 0 30px 6px #ffd23ccc;animation:pulse 1s ease-in-out infinite;pointer-events:none;transition:all .2s}.onb-bubble{position:absolute;width:320px;padding:12px 16px;border-radius:16px;background:#fff;color:#1b2433;font-family:var(--display);font-size:20px;text-align:center;direction:rtl;box-shadow:0 5px 0 var(--outline);animation:popin .3s cubic-bezier(.3,1.6,.6,1)}.onb-hand{position:absolute;font-size:52px;animation:handtap 1s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 3px 2px #000)}.free-note{color:#9dff8a!important;font-family:var(--display);font-size:16px!important}.btn.glow{animation:pulse 1s ease-in-out infinite;box-shadow:inset 0 -5px #00000040,0 4px 0 var(--outline),0 0 24px #78ff8ccc}.modal-wrap.forced{z-index:96}.ask-name{direction:rtl;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,84vw)}.ask-name img{width:110px;height:110px;border-radius:50%;border:4px solid var(--yellow);box-shadow:0 5px 0 var(--outline)}.ask-name p{color:var(--ink-dim);margin:0}.ask-name input{font:inherit;font-family:var(--display);font-size:24px;text-align:center;width:100%;padding:10px 14px;border-radius:14px;border:3px solid var(--outline);background:#0e1620;color:#fff;-webkit-user-select:text;user-select:text}.ask-name .btn{width:100%}.big-reward img{width:110px!important;height:100px!important;animation:wiggle 1s ease-in-out infinite}.btn-play.attention{animation:playpulse .6s ease-in-out 6}.settings{direction:rtl;width:min(560px,86vw)}.settings h2{display:flex;align-items:center;gap:10px}.settings h2 img{width:40px;height:40px}.set-sec{margin-top:12px;padding:10px 12px;border-radius:16px;background:#00000047;border:2px solid rgba(255,255,255,.06)}.set-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-family:var(--display);font-size:18px}.set-row>img,.set-ico{width:38px;height:38px;object-fit:contain;font-size:26px;text-align:center}.set-row b{flex:1;font-weight:400}.set-row.disabled{opacity:.45}.set-row input[type=range]{width:180px;accent-color:var(--yellow)}.set-val{width:50px;text-align:center;color:var(--yellow)}.toggle{width:64px;height:34px;border-radius:20px;background:#3a4658;border:3px solid var(--outline);position:relative;transition:background .2s}.toggle i{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;background:#fff;transition:right .2s;box-shadow:0 2px #00000059}.toggle.on{background:linear-gradient(#7af59a,#20a946)}.toggle.on i{right:32px}.set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.set-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:14px;background:linear-gradient(#2f4563,#1c2b41);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline)}.set-tile img{width:52px;height:52px;object-fit:contain;border-radius:12px}.set-tile b{font-family:var(--display);font-weight:400;font-size:18px}.set-tile small{color:var(--ink-dim);font-size:12px}.set-tile:active{transform:translateY(2px)}.set-foot{text-align:center;font-size:12px;margin:10px 0 0}.road2{position:relative;display:flex;flex-direction:column;gap:var(--gap);overflow:hidden!important}.rh{display:flex;align-items:center;gap:16px;padding:8px 16px;flex:none}.rh-league{display:flex;align-items:center;gap:4px}.rh-league img{width:clamp(64px,11vh,104px);height:auto;filter:drop-shadow(0 5px 3px rgba(0,0,0,.5));position:relative;z-index:1}.rh-league b{font-family:var(--display);font-weight:400;font-size:clamp(18px,3vh,28px);color:var(--lc);padding:4px 22px 4px 26px;margin-left:-22px;background:linear-gradient(#26374f,#172336);border:3px solid var(--outline);border-radius:0 16px 16px 0;text-shadow:0 2px 0 var(--outline)}.rh-progress{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.rh-count{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--display);font-size:clamp(20px,3.4vh,32px)}.rh-count img{width:30px}.rh-count span{color:var(--ink-dim);font-size:.7em}.rh-bar{height:22px;border-radius:12px;background:#0b1119;border:3px solid var(--outline);overflow:hidden;position:relative}.rh-bar div{height:100%;background:linear-gradient(#8fe3ff,#2f8fe8);box-shadow:inset 0 3px #ffffff73;border-radius:9px}.rh-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:13px;text-shadow:0 1px 0 #000,0 0 4px #000;direction:rtl}.rh-next{display:flex;flex-direction:column;align-items:center}.rh-next>img{width:clamp(48px,8vh,72px);height:clamp(44px,7vh,64px);object-fit:contain;filter:drop-shadow(0 4px 2px rgba(0,0,0,.5))}.rh-next small{display:flex;align-items:center;gap:3px;font-family:var(--display);color:var(--yellow)}.rh-next small img{width:16px}.rh-claimall{position:relative;font-family:var(--display);font-size:clamp(16px,2.6vh,22px);padding:10px 20px;border-radius:16px;background:linear-gradient(#ffe46b,#ffb000);color:#3a2400;border:3px solid var(--outline);box-shadow:inset 0 3px #ffffff80,0 4px 0 var(--outline)}.rh-claimall:not([disabled]){animation:playpulse 1.4s ease-in-out infinite}.rh-claimall i{position:absolute;top:-10px;right:-10px;min-width:28px;height:28px;border-radius:14px;background:var(--red);color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid var(--outline);font-size:15px}.road2 .road-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;border-radius:18px;cursor:grab;scrollbar-width:thin}.road2 .road-scroll:active{cursor:grabbing}.rt{position:relative;height:100%;min-height:330px}.rz{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 42%,transparent),color-mix(in srgb,var(--lc) 14%,transparent) 70%,transparent);border-right:2px dashed color-mix(in srgb,var(--lc) 55%,transparent)}.rz:not(.reached){filter:saturate(.55) brightness(.8)}.rz-banner{position:absolute;top:0;left:8px;width:104px;padding:6px 4px 18px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(color-mix(in srgb,var(--lc) 80%,#fff 5%),color-mix(in srgb,var(--lc) 55%,#1b1308));clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);filter:drop-shadow(0 4px 0 rgba(0,0,0,.4));z-index:1}.rz-banner img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.rz-banner b{font-family:var(--display);font-weight:400;font-size:15px;text-shadow:0 2px 0 var(--outline)}.rz-banner small{display:flex;align-items:center;gap:2px;font-family:var(--display);font-size:12px;background:#0006;border-radius:8px;padding:0 6px}.rz-banner small img{width:12px;height:12px}.rt-line,.rt-fill{position:absolute;left:0;top:58%;height:16px;transform:translateY(-50%);border-radius:10px}.rt-line{right:0;background:linear-gradient(#b8c3cf,#7d8a98);border:3px solid #2c3440}.rt-fill{background:linear-gradient(#8fe3ff,#1f8ff0);border:3px solid #0d3f73;box-shadow:0 0 16px #50beffd9}.rt-me{position:absolute;top:58%;transform:translate(-50%,-50%);z-index:4;width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(#fff,#7fd4ff,#fff);box-shadow:0 4px 0 var(--outline),0 0 18px #7fd4ffe6}.rt-me img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--outline)}.rn{position:absolute;top:58%;width:150px;margin-left:-75px;display:flex;flex-direction:column;align-items:center;z-index:2}.rn-dot{position:absolute;top:0;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;background:#5d6a79;border:3px solid #2c3440;z-index:3}.rn.claimed .rn-dot{background:linear-gradient(#7af59a,#20a946);color:#fff;font-family:var(--display);font-size:18px;border-color:var(--outline)}.rn.ready .rn-dot{background:radial-gradient(#e6fbff,#3fb3ff);border-color:#0d3f73;box-shadow:0 0 12px #7fd4ff}.rn-stem{position:absolute;left:50%;width:6px;margin-left:-3px;height:38px;background:#2c3440;border-radius:3px}.rn.up .rn-stem{bottom:0}.rn.down .rn-stem{top:0}.rn-card{position:absolute;left:50%;width:110px;margin-left:-55px;display:flex;flex-direction:column;align-items:center}.rn.up .rn-card{bottom:36px}.rn.down .rn-card{top:36px}.rn-card>img{width:86px;height:72px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(0,0,0,.55))}.rn-tag{display:flex;align-items:center;gap:3px;margin-top:-4px;padding:1px 10px;border-radius:10px;background:#172336;border:2px solid var(--outline);font-family:var(--display);font-size:14px;color:#fff}.rn-tag img{width:15px}.rn.locked .rn-card>img{filter:grayscale(.7) brightness(.6) drop-shadow(0 5px 3px rgba(0,0,0,.5))}.rn.ready .rn-card>img{animation:wiggle 1s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,220,90,.95))}.rn.claimed .rn-card{opacity:.7}.rn-claim,.rn-label{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.rn.up .rn-claim,.rn.up .rn-label{top:22px}.rn.down .rn-claim,.rn.down .rn-label{bottom:22px}.rn-claim{font-family:var(--display);font-size:15px;padding:3px 14px;border-radius:12px;background:linear-gradient(#ffe46b,#ffb000);color:#3a2400;border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);animation:playpulse 1s ease-in-out infinite;z-index:5}.rn-label{font-family:var(--display);font-size:12px;background:#080e18b3;border-radius:8px;padding:0 8px}.rd-ctrl{position:absolute;right:14px;bottom:12px;display:flex;gap:8px;align-items:center;z-index:6}.round-btn{width:46px;height:46px;border-radius:50%;background:linear-gradient(#ffe46b,#ffb000);color:#3a2400;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);font-size:18px}@media (max-height: 460px){.rh{padding:4px 10px;gap:10px}.rh-league b{font-size:16px}.rt{min-height:250px}.rn-card>img{width:60px;height:52px}.rn-stem{height:26px}.rn.up .rn-card{bottom:24px}.rn.down .rn-card{top:24px}.rz-banner{width:84px}.rz-banner img,.rt-me{width:44px;height:44px}}.rz{background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 60%,rgba(8,14,24,.5)),color-mix(in srgb,var(--lc) 30%,rgba(8,14,24,.45)) 60%,#080e1859);border-right:3px dashed color-mix(in srgb,var(--lc) 70%,#000)}.rz:not(.reached){filter:saturate(.7) brightness(.75)}.road2 .road-scroll{background:#080e1859;border:3px solid rgba(0,0,0,.4)}.slot-tag.gift{background:linear-gradient(#ffe46b,#ffb000)!important;color:#3a2400!important}.coach-box{top:118px}@media (max-height: 460px){.coach-box{top:84px;padding:6px 12px}.coach-box p{font-size:13px;line-height:1.5}.coach-track i{width:22px;height:22px;font-size:11px}}@media (max-height: 460px){.rz-banner{width:auto;flex-direction:row;gap:4px;padding:3px 10px 3px 4px;clip-path:none;border-radius:0 0 12px;left:0}.rz-banner img{width:28px;height:28px}.rz-banner small{display:none}.rt-line,.rt-fill,.rt-me,.rn{top:56%}.rd-ctrl{right:8px;bottom:6px}.round-btn{width:36px;height:36px;font-size:14px}.rd-ctrl .btn-small{font-size:13px;padding:4px 10px}}.menu{--rail: calc((100dvh - var(--top) - var(--gap) * 6) / 5 + var(--gap) * 1.6)}.nav-btn img{height:60%;max-height:none}.nav-btn{font-size:clamp(12px,2.3vh,22px)}.hud-score{left:50%;right:auto;transform:translate(-50%)}.team-bar:not(.ffa){width:auto;gap:clamp(8px,1.4vw,16px);padding:3px 12px 5px}.pchip{width:clamp(46px,6.4vh,60px)}.pchip-ava{width:clamp(34px,5.4vh,48px);padding:2px}.pchip-name{font-size:10px;margin-top:2px}.pchip-kills{font-size:11px}.team-score{min-width:40px;height:clamp(32px,5.4vh,46px);font-size:clamp(18px,3.2vh,28px);padding:0 8px}.team-bar .timer{font-size:clamp(15px,2.6vh,21px);padding:1px 10px}.mid-crest span{font-size:14px}.team-bar.ffa .pchip{width:clamp(50px,7vh,64px)}.hud-feed{top:80px}.hud-watch{position:absolute;left:50%;bottom:14%;transform:translate(-50%);pointer-events:none}.spec{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:30px;background:#78141ed9;border:3px solid #ff8a8f;box-shadow:0 4px 0 var(--outline);font-family:var(--display);font-size:18px;animation:popin .25s cubic-bezier(.3,1.6,.6,1)}.spec img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff}.spec span{color:#ffd0d0;font-size:15px}.card-modal .cd-right{padding-right:44px}.pf-avatar{position:relative;cursor:pointer;transition:transform .1s}.pf-avatar:active{transform:scale(.96)}.pf-avatar-edit{position:absolute;right:0;bottom:2px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;background:linear-gradient(#6cc3ff,#2585e0);border:3px solid var(--outline)}.ava-picker{direction:rtl;width:min(640px,86vw);text-align:center}.ava-picker .pf-avatars{margin-top:10px}.pf-ava span{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);white-space:nowrap;font-family:var(--display);font-size:12px;background:var(--outline);padding:0 8px;border-radius:8px}.pf-ava{margin-bottom:10px}.ava-picker .pf-avatars{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 20px}.pf-ava{min-width:0}.btn-purple{background:linear-gradient(#b98cff,#7a3fe0)}.card-modal .modal{width:min(720px,94vw)}.cd{direction:rtl;display:flex;flex-direction:column;gap:12px}.cd-head{display:flex;gap:16px;align-items:stretch;padding-left:40px}.cd-art{flex:none;width:clamp(130px,22vh,190px);aspect-ratio:1;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--outline);box-shadow:inset 0 0 0 3px #ffffff2e,0 4px 0 var(--outline);background:radial-gradient(circle at 50% 40%,#5a6d85,#26364d 75%)}.cd-art.hero{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 55%,#fff 10%),color-mix(in srgb,var(--cc) 30%,#0b1220) 75%);padding:10px}.cd-art.r-rare{background:radial-gradient(circle at 50% 40%,#4a9cff,#173a78 75%)}.cd-art.r-epic{background:radial-gradient(circle at 50% 40%,#b77cff,#45207e 75%)}.cd-art.r-legendary{background:radial-gradient(circle at 50% 40%,#ffd36b,#8a4d0c 75%)}.cd-art>img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(0,0,0,.5))}.cd-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cd-title h2{font-size:clamp(22px,3.6vh,30px);margin:0}.cd-tags{display:flex;gap:6px;flex-wrap:wrap}.cd-tags span{font-family:var(--display);font-size:13px;padding:1px 10px;border-radius:8px}.kind-tag{background:#34506f}.lvl-tag{background:var(--outline);color:var(--yellow)}.cd .cd-desc{margin:0;font-size:14px;line-height:1.7;color:var(--ink-dim)}.cd-cards{display:flex;align-items:center;gap:8px;margin-top:auto;direction:ltr}.cd-cards>img{width:30px;height:30px;object-fit:contain}.cd-cards .bar{flex:1;height:22px;margin:0}.cd-cards .bar span{font-size:14px}.cd-locked{margin-top:auto;font-family:var(--display);color:var(--ink-dim);background:#0000004d;border-radius:10px;padding:6px 10px}.cd .cd-gun{margin:0}.cd-behave{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cd-behave>div{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,#2c4a6e,#1c2c44);border:2px solid var(--outline)}.cd-behave small{color:var(--yellow);font-family:var(--display);font-size:13px}.cd-behave b{font-family:var(--display);font-weight:400;font-size:15px}.cd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-stat{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:6px 12px;border-radius:12px;background:#0000004d;border:2px solid rgba(255,255,255,.06)}.cd-stat .ico{grid-row:span 2;font-size:20px;text-align:center}.cd-stat small{color:var(--ink-dim);font-size:12px}.cd-stat b{grid-column:2;font-family:var(--display);font-weight:400;font-size:18px;direction:ltr;text-align:right;unicode-bidi:plaintext}.cd-stat em{grid-column:3;grid-row:1 / span 2;font-style:normal;font-family:var(--display);font-size:15px;color:#7af59a;background:#28a0462e;border-radius:8px;padding:2px 8px}.cd-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.cd-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;min-width:0}.cd-btn>span{font-size:18px}@media (max-height: 460px){.cd-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-btn{min-height:48px}.cd .cd-desc{font-size:12px}}.cx{direction:rtl;width:min(420px,86vw);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.cx-img{width:150px;filter:drop-shadow(0 8px 4px rgba(0,0,0,.5));animation:herobob 2.4s ease-in-out infinite}.cx h2{margin:0}.cx-rows{align-self:stretch;display:flex;flex-direction:column;gap:6px}.cx-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:6px 14px;border-radius:12px;background:#0000004d;border:2px solid rgba(255,255,255,.06);font-family:var(--display)}.cx-row img{width:30px;height:30px;object-fit:contain}.cx-row i{font-style:normal;font-size:22px;text-align:center;color:var(--yellow)}.cx-row span{text-align:right;color:var(--ink-dim)}.cx-row b{font-weight:400;font-size:18px}.cx-note{margin:0}.cx-actions{align-self:stretch;display:flex;flex-direction:column;gap:10px;margin-top:4px}.cx-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:8px 18px}.cx-btn>span{font-size:19px}.cx-btn small{font-family:var(--display);font-size:17px}.gem-pill{display:inline-flex;align-items:center;gap:4px;background:#0a0e1e99;border:2px solid var(--outline);border-radius:12px;padding:2px 12px}.gem-pill img{width:24px;height:24px}.btn-purple.glow{box-shadow:inset 0 -5px #00000040,0 4px 0 var(--outline),0 0 24px #be82ffe6}.ranks .lb{width:min(100%,calc(clamp(120px,16vw,250px)*3 + clamp(8px,2vw,30px)*2 + 60px));align-self:center}.lb-row,.pod{cursor:pointer}.lb-row{transition:transform .1s,filter .1s}.lb-row:hover{filter:brightness(1.15)}.lb-row:active,.pod:active{transform:scale(.98)}.lb-row{grid-template-columns:44px 46px minmax(0,1fr) 40px 76px 96px}.pod-ava{width:clamp(84px,16vh,150px);height:clamp(84px,16vh,150px);aspect-ratio:auto;flex:none;box-sizing:border-box}.pod-ava img{width:100%;height:100%;aspect-ratio:1;display:block}.pchip-ava{height:clamp(34px,5.4vh,48px);aspect-ratio:auto;flex:none;box-sizing:border-box}.pchip-ava img{display:block;aspect-ratio:1}.lb-ava,.tb-avatar>img:first-child,.spec img,.feed-row img,.pf-avatar img,.rt-me img{aspect-ratio:1;flex:none}.pf-rank{font-family:var(--display);font-size:.6em;color:var(--yellow);background:#00000059;border-radius:8px;padding:0 8px}.pf-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;padding:12px;border-radius:16px;background:#00000040}.pf-hero{position:relative;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--rc, #9fb4c7)}.pf-hero.r-rare{--rc: var(--rare)}.pf-hero.r-epic{--rc: var(--epic)}.pf-hero.r-legendary{--rc: var(--legendary)}.pf-hero img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.pf-hero b{position:absolute;bottom:-4px;right:-4px;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;font-size:13px;background:var(--outline);border:2px solid var(--rc, #9fb4c7)}.cd-head{padding-left:0;padding-right:44px}.cd-stat em{direction:ltr;unicode-bidi:isolate}.cd-stat b{unicode-bidi:isolate}.ic{width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.28em;display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.modal-x{padding:0;background:none!important;border:0!important;width:40px;height:40px}.modal-x img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 var(--outline))}.cd-stat .ico .ic{width:26px;height:26px;vertical-align:middle}.cd-stat em .ic{width:16px;height:16px;vertical-align:-3px}.sc-icon .ic{width:24px;height:24px}.cx-row .ic{width:30px;height:30px}.cd-btn .ic,.cx-btn .ic{width:24px;height:24px}.set-row>img.dim{opacity:.75;filter:hue-rotate(40deg)}.coach-track i img{width:20px;height:20px;object-fit:contain}.coach-box h3 .ic{width:26px;height:26px}.coach-kills span img{width:34px;height:34px}.coach-hand img,.onb-hand img{width:56px;height:56px}.onb-hand img{transform:rotate(180deg)}.coach-done b img{width:64%;height:64%}.coach-done b{background:none;border:0;box-shadow:none}.coach-done b img{width:100%;height:100%;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(80,255,130,.7))}.rn-dot img{width:80%;height:80%;object-fit:contain}.rn.claimed .rn-dot{background:#fff}.pf-avatar-edit img,.pf-pencil img{width:70%;height:70%;object-fit:contain}.pf-avatar-edit,.pf-pencil{display:flex;align-items:center;justify-content:center}.pf-ava i img{width:44%;height:44%;object-fit:contain}.pchip-kills{display:inline-flex;align-items:center;gap:2px}.pchip-kills img{width:13px;height:13px}.feed-row i img.feed-skull{width:18px;height:18px;border:0;border-radius:0}.mid-crest img{width:22px;height:22px;object-fit:contain}.daily-done>span{display:inline-flex;gap:6px;align-items:center;justify-content:center}.hud-leave{width:52px;height:52px;padding:0;background:none!important;border:0!important}.hud-leave img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}.hud-leave:active{transform:scale(.94)}.hud-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cnt{font-family:var(--display);font-size:min(26vh,220px);line-height:1;color:#fff;text-shadow:0 8px 0 #10151c,0 0 40px rgba(0,0,0,.6);-webkit-text-stroke:6px #10151c;paint-order:stroke fill;animation:cntpop 1s ease-out}.cnt.go{color:var(--yellow);font-size:min(20vh,170px);animation:cntgo .8s ease-out forwards}@keyframes cntpop{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}85%{opacity:1}to{transform:scale(.85);opacity:.2}}@keyframes cntgo{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.15);opacity:1}to{transform:scale(1.4);opacity:0}}.cnt-wait{font-family:var(--display);font-size:28px;padding:10px 26px;border-radius:18px;background:#080e18cc;border:3px solid rgba(255,255,255,.2);animation:pulse 1.2s infinite}.dlg{direction:rtl;width:min(440px,84vw);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:4px}.dlg-icon{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 3px rgba(0,0,0,.5))}.dlg h2{margin:0;font-size:28px}.dlg p{margin:0;color:var(--ink-dim);line-height:1.8;font-size:15px}.dlg-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;align-self:stretch;margin-top:8px}.dlg-actions .btn{min-height:54px}.modal-wrap.dlg-modal .modal{border-color:#10151c;box-shadow:0 8px 0 var(--outline),0 0 0 4px #ffffff14,0 20px 50px #0009}.modal-wrap.dlg-modal{background:#050a12cc}.mm-seats{display:flex;gap:8px;justify-content:center;margin:8px 0}.mm-seats i{width:34px;height:34px;border-radius:50%;background:#ffffff1a;border:3px solid rgba(255,255,255,.2);transition:.25s}.mm-seats i.on{background:linear-gradient(#7af59a,#20a946);border-color:#10151c;box-shadow:0 0 12px #50ff8299;transform:scale(1.08)}.pf-avatar{box-shadow:0 0 0 3px var(--outline),0 0 16px color-mix(in srgb,var(--lc) 55%,transparent)!important}.tb-avatar>img:first-child{box-shadow:0 0 0 2px var(--outline)!important}.pod-ava{box-shadow:0 0 0 3px var(--outline),0 0 18px color-mix(in srgb,var(--mc) 60%,transparent)!important}.pchip-ava{box-shadow:0 0 0 2px var(--outline)!important}.cards-screen>.showcase,.cards-screen>.loadout-panel{flex:none;height:clamp(170px,30vh,290px);min-height:0;margin-top:16px;box-sizing:border-box}.cards-screen>.loadout-panel{display:flex;flex-direction:column;justify-content:center}.cards-screen>.loadout-panel .lo-slots{flex:1;min-height:0;align-items:center}.cards-screen>.loadout-panel .lo-slot .card,.cards-screen>.loadout-panel .lo-slot .empty-slot{width:clamp(80px,17vh,150px)}@media (max-height: 460px){.cards-screen>.showcase,.cards-screen>.loadout-panel{height:150px}}.settings h2{padding-right:50px}.pf-avatar{background:var(--lc)!important;padding:4px!important}.pf-avatar img{border:3px solid var(--outline)!important}.hud.tutorial .hud-score,.hud.tutorial .hud-feed,.hud.tutorial .hud-mode{display:none}.coach-box{top:10px}@media (max-height: 500px){.coach-box{top:6px;width:min(440px,58vw);padding:4px 12px 6px;border-width:2px;border-radius:14px}.coach-box h3{font-size:15px;margin:0}.coach-box h3 .ic{width:18px;height:18px}.coach-box p{font-size:12px;line-height:1.45;margin:2px 0 0}.coach-track{gap:4px}.coach-track i{width:20px;height:20px;border-width:1px}.coach-track i img{width:13px;height:13px}.coach-kills span img{width:22px;height:22px}.coach-focus.move.touch,.coach-focus.aim.touch{width:140px;height:140px;top:calc(72vh - 70px)}.coach-focus.move.touch{left:calc(14vw - 70px)}.coach-focus.aim.touch{left:calc(86vw - 70px)}.coach-hand img{width:40px;height:40px}.coach-done b{width:64px;height:64px}.coach-done span{font-size:22px}.modal{padding:10px 14px;border-radius:16px}.modal h2{font-size:20px;margin-bottom:4px}.modal-x{width:32px;height:32px;top:6px}.btn{font-size:16px;padding:6px 14px}.cx{width:min(620px,90vw);display:grid;grid-template-columns:170px 1fr;column-gap:16px;row-gap:6px;align-items:center}.cx-img{grid-column:1;grid-row:1;width:130px;justify-self:center}.cx>h2{grid-column:1;grid-row:2;align-self:start}.cx-rows,.cx-note,.cx>.free-note,.cx-actions{grid-column:2}.cx-rows{grid-row:1 / span 2;gap:4px}.cx-row{padding:3px 10px;grid-template-columns:26px 1fr auto}.cx-row img,.cx-row .ic{width:22px;height:22px}.cx-row b{font-size:15px}.cx-actions{grid-row:3;flex-direction:row;gap:8px}.cx-btn{min-height:44px;padding:4px 12px;flex-direction:column;justify-content:center;gap:0}.cx-btn>span{font-size:15px}.card-modal .modal{width:min(760px,94vw)}.cd{gap:8px}.cd-head{gap:10px;padding-right:36px}.cd-art{width:96px}.cd-title h2{font-size:20px}.cd .cd-desc{font-size:12px;line-height:1.5}.cd-cards .bar{height:16px}.cd .cd-gun{padding:4px 8px}.cd .cd-gun img{width:40px;height:40px}.cd .cd-gun b{font-size:15px}.cd .cd-gun small{font-size:11px}.cd-behave>div{padding:4px 10px}.cd-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cd-stat{padding:3px 8px;grid-template-columns:22px 1fr auto}.cd-stat .ico .ic{width:20px;height:20px}.cd-stat b{font-size:15px}.cd-stat em{font-size:12px;padding:1px 6px}.cd-btn{min-height:42px}.cd-btn>span{font-size:15px}.settings{width:min(720px,92vw);display:grid;grid-template-columns:1.2fr 1fr;column-gap:12px}.settings h2{grid-column:1 / -1;font-size:20px}.settings h2 img{width:28px;height:28px}.set-sec{margin-top:6px;padding:6px 10px}.set-row{padding:3px 0;font-size:15px;gap:8px}.set-row>img{width:26px;height:26px}.set-row input[type=range]{width:110px}.toggle{width:52px;height:28px}.toggle i{width:20px;height:20px}.toggle.on i{right:26px}.set-grid{gap:6px}.set-tile{padding:5px}.set-tile img{width:32px;height:32px}.set-tile b{font-size:14px}.set-tile small{display:none}.set-foot{grid-column:1 / -1;margin-top:4px}.pf-avatar{width:84px!important}.pf-id h2{font-size:22px}.pf-stats{margin:8px 0 4px;gap:6px}.pf-stats>div{padding:4px}.pf-stats>div>img{width:24px;height:24px}.pf-stats b{font-size:16px}.pf-fav img{width:36px;height:36px}.cards-screen>.showcase,.cards-screen>.loadout-panel{flex:none;height:132px;margin-top:12px}.showcase{grid-template-columns:96px 1fr 1.25fr;padding:4px 10px;gap:8px}.sc-stage{min-height:0;height:100%}.sc-stage .hero-figure{width:100%}.sc-info h2{font-size:17px}.sc-gun{padding:3px 6px;margin-top:4px}.sc-gun img{width:34px}.sc-gun b{font-size:13px}.sc-stats{gap:3px;padding:5px 8px}.sc-stat{grid-template-columns:18px 40px 1fr 58px;gap:5px;font-size:11px}.sc-icon{font-size:0;line-height:0;display:flex;justify-content:center}.sc-icon .ic{width:16px;height:16px}.sc-stat{line-height:1.2}.sc-bar{height:9px;border-width:1px}.sc-val{font-size:11px}.cards-screen>.loadout-panel{padding:16px 10px 6px}.cards-screen>.loadout-panel .ribbon{font-size:13px;padding:1px 16px;top:-12px}.cards-screen>.loadout-panel .lo-slots{gap:8px}.cards-screen>.loadout-panel .lo-slot{padding:4px;gap:8px}.cards-screen>.loadout-panel .lo-slot .card,.cards-screen>.loadout-panel .lo-slot .empty-slot{width:74px}.cards-screen>.loadout-panel .empty-slot{font-size:22px}.lo-text b{font-size:13px}.lo-text span{font-size:12px}.collection{padding:8px}.tabs{margin-bottom:8px}.tab{font-size:14px;padding:4px 10px}}