:root{color:#fff;-webkit-font-smoothing:antialiased;--navy:#0e1b2c;--ink:#101a2b;--gold:#ffcf3f;--teal:#26d0c4;--red:#ff4d4d;--u:clamp(.78px, .105vh, 1.05px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);background:#0e1b2c;font-family:Avenir Next,Avenir,Nunito,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{background:#0e1b2c;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}#ui{pointer-events:none;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}svg{display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud .panel,.hud .overlay.show{pointer-events:auto}.hud-top{top:calc(10 * var(--u));left:calc(12 * var(--u) + var(--safe-l));right:calc(12 * var(--u) + var(--safe-r));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.purse{align-items:flex-start;gap:calc(6 * var(--u));flex-direction:column;display:flex}.chip{align-items:center;gap:calc(7 * var(--u));padding:calc(5 * var(--u)) calc(14 * var(--u)) calc(5 * var(--u)) calc(6 * var(--u));background:linear-gradient(#14223aeb,#0c1628eb);border:2px solid #ffffff1a;border-radius:999px;display:inline-flex;box-shadow:0 3px #00000059,inset 0 1px #ffffff1f}.chip.gold b{font-size:calc(24 * var(--u));letter-spacing:.02em;color:#ffe08a;text-shadow:0 2px #0006;min-width:3ch;font-weight:900}.chip .i-coin{width:calc(28 * var(--u));height:calc(28 * var(--u))}.chip.bump{animation:.35s ease-out bump}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}.chip.lives{padding:calc(5 * var(--u)) calc(9 * var(--u));gap:calc(4 * var(--u))}.life .i-ball{width:calc(21 * var(--u));height:calc(21 * var(--u));filter:drop-shadow(0 1px #0006);transition:transform .3s,opacity .3s}.life.lost .i-ball{opacity:.22;filter:grayscale();transform:scale(.8)}.scorebug{border-radius:calc(14 * var(--u));background:linear-gradient(#17294a,#0d1931);border:2px solid #ffffff1f;grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:center;display:grid;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px #0006,inset 0 1px #ffffff24}.scorebug .team{align-items:center;gap:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));font-weight:900;font-size:calc(14 * var(--u));letter-spacing:.08em;display:flex}.crest{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(12 * var(--u));letter-spacing:0;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 -3px #00000040}.home-crest{color:#08323a;background:linear-gradient(#3fe6d9,#18a99e)}.away-crest{color:#fff;background:linear-gradient(#ff6b5e,#c92a2a)}.scorebug .crest{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(7 * var(--u));font-size:calc(10 * var(--u))}.scorebug .score{align-items:center;gap:calc(5 * var(--u));padding:0 calc(9 * var(--u));background:#00000047;height:100%;display:flex}.scorebug .score b{font-size:calc(25 * var(--u));text-align:center;font-variant-numeric:tabular-nums;min-width:1ch;font-weight:900}.scorebug .score span{opacity:.5;font-weight:900;font-size:calc(18 * var(--u))}.sb-strip{grid-column:1/4;align-items:stretch;display:flex}.scorebug .clock{justify-content:center;align-items:center;gap:calc(7 * var(--u));color:#06313a;font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.1em;padding:calc(2 * var(--u)) calc(10 * var(--u));white-space:nowrap;background:linear-gradient(90deg,#1ec2cf,#26d0c4 50%,#1ec2cf);display:flex}.scorebug .clock .sep{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}.crowd{align-items:center;gap:calc(6 * var(--u));min-width:0;padding:calc(2 * var(--u)) calc(9 * var(--u));background:#0000004d;flex:1;display:flex}.cr-label{font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.12em;color:#ffe08a;white-space:nowrap}.task{align-items:center;gap:calc(7 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u));font-size:calc(10.5 * var(--u));background:#0000006b;grid-column:1/4;font-weight:800;display:flex}.task.hidden{display:none}.task .tk-label{letter-spacing:.12em;color:#9fe8ff;font-weight:900}.task em{white-space:nowrap;text-overflow:ellipsis;flex:1;font-style:normal;overflow:hidden}.task b{font-weight:900}.task.done{background:#1ea050bf}.task.done .tk-label{color:#fff}.task.failed{opacity:.6}.task.failed em{text-decoration:line-through}.purse .task{max-width:min(300px,27vw);padding:calc(4 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(10 * var(--u));font-size:calc(11 * var(--u));background:linear-gradient(#14223aeb,#0c1628eb);border:2px solid #ffffff1a;border-radius:999px;align-self:flex-start;box-shadow:0 3px #00000059}.purse .task em{min-width:0}.purse .task.done{background:#1ea050eb}.crowd.away .cr-label{color:#a9bddf}.cr-bar{height:calc(6 * var(--u));background:#ffffff1f;border-radius:99px;flex:1;min-width:28px;overflow:hidden}.cr-bar i{background:linear-gradient(90deg,#ffb703,#ffe066);border-radius:99px;width:0;height:100%;transition:width .3s;display:block}.crowd.hot .cr-bar i{animation:.6s ease-in-out infinite alternate crowdHot}@keyframes crowdHot{0%{filter:brightness()}to{filter:brightness(1.5);box-shadow:0 0 10px #ffe066}}.crowd.burst{animation:.9s ease-out crowdBurst}@keyframes crowdBurst{0%{background:#ffe066}to{background:#0000004d}}.next-wave{right:calc(16 * var(--u) + var(--safe-r));bottom:calc(96 * var(--u) + var(--safe-b));background:#080e1ac7;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:min(360px,40vw);padding:6px 10px;display:none;position:absolute}.next-wave.show{display:flex}.next-wave b{text-align:right;width:100%;font-weight:900;font-size:calc(10 * var(--u));letter-spacing:.14em;color:#9fe8ef}.next-wave span{font-weight:800;font-size:calc(12 * var(--u));background:#ffffff1a;border-radius:99px;padding:1px 8px}.next-wave span.boss{background:#c92a2a}.p-target{align-items:center;gap:4px;margin:-2px 0 8px;display:flex}.p-target span{font-weight:900;font-size:calc(10 * var(--u));letter-spacing:.12em;opacity:.65;margin-right:2px}.p-target button{font-weight:900;font-size:calc(11 * var(--u));background:#ffffff14;border-radius:8px;flex:1;padding:4px 0}.p-target button.on{color:#3a2400;background:#ffe066}.p-btn.sub{color:#3a2400;background:linear-gradient(#ffb347,#e8890c);flex:.9;box-shadow:0 4px #9a5a00}.half-card{width:min(720px,100vw - 24px)}.half-title{opacity:.9;margin:6px 0 12px;font-weight:800}.half-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.half-opt{text-align:left;background:linear-gradient(#2c4470,#1a2b4d);border:2px solid #fff3;border-radius:14px;flex-direction:column;gap:6px;padding:14px 12px;display:flex;box-shadow:0 5px #0b1426}.half-opt b{font-weight:900;font-size:calc(16 * var(--u));color:#ffe066}.half-opt span{font-weight:700;font-size:calc(13 * var(--u));line-height:1.3}.half-opt:active{transform:translateY(2px)}@media (height<=520px){.next-wave{bottom:calc(46px + var(--safe-b));right:calc(8px + var(--safe-r));gap:3px;max-width:34vw;padding:4px 8px}.next-wave b{font-size:8px}.next-wave span{padding:0 6px;font-size:9.5px}.p-target button{padding:3px 0;font-size:9px}.half-opt{padding:8px}.half-opt b{font-size:12px}.half-opt span{font-size:10px}.half-title{margin:2px 0 8px;font-size:12px}}.pen{z-index:29;pointer-events:none;background:radial-gradient(circle at 20%,#0000 30%,#050c1859);display:none;position:absolute;inset:0}.pen.show{display:block}.pen-pad{align-items:center;gap:calc(10 * var(--u));flex-direction:column;display:flex;position:absolute;top:0;left:0;translate:0 -50%}.hud .pen .pen-btn{pointer-events:auto}.pen-btn{width:calc(76 * var(--u));height:calc(76 * var(--u));color:#fff;background:radial-gradient(circle at 50% 35%,#2c4470,#142340);border:3px solid #ffffffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .12s,opacity .2s;animation:.9s ease-in-out infinite alternate penPulse;display:flex;box-shadow:0 5px #0006,0 0 18px #ffffff40}.pen-btn svg{width:46%;height:46%}.pen-btn span{font-weight:900;font-size:calc(11 * var(--u));letter-spacing:.08em}.pen-btn:active{transform:scale(.94)}.pen.locked .pen-btn{animation:none}.pen-btn.picked{color:#3a2400;background:radial-gradient(circle at 50% 35%,#ffe066,#ffb703);border-color:#fff;box-shadow:0 0 26px #ffe066}.pen-btn.dim{opacity:.35}@keyframes penPulse{0%{scale:1}to{scale:1.06}}.pen-time{width:calc(76 * var(--u));background:#ffffff2e;border-radius:99px;height:6px;display:block;position:relative;overflow:hidden}.pen-time b{background:linear-gradient(90deg,#ff6b5e,#ffe066);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.pen-tell{width:calc(54 * var(--u));height:calc(54 * var(--u));margin:calc(-27 * var(--u)) 0 0 calc(-27 * var(--u));color:#ffe066;background:#080e1abf;border:3px solid #ffe066;border-radius:50%;padding:8px;display:none;position:absolute;top:0;left:0}.pen-tell.show{animation:.5s ease-out penTell;display:block}.pen-tell.early{color:#7dff9a;border-color:#7dff9a;box-shadow:0 0 20px #7dff9a}.pen-tell svg{width:100%;height:100%}@keyframes penTell{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.pen-hint{left:50%;top:calc(96 * var(--u));max-width:min(560px,90vw);font-weight:900;font-size:calc(15 * var(--u));text-align:center;white-space:nowrap;background:#080e1acc;border-radius:99px;padding:6px 14px;position:absolute;transform:translate(-50%)}.pen-hint:empty{display:none}@media (height<=520px){.pen-pad{gap:5px}.pen-btn,.pen-time{width:50px}.pen-btn{border-width:2px;height:50px}.pen-btn span{font-size:8px}.pen-tell{width:38px;height:38px;margin:-19px 0 0 -19px;padding:5px}.pen-hint{white-space:normal;font-size:11px;top:60px}}.qte{z-index:30;cursor:pointer;touch-action:none;background:radial-gradient(circle,#0000 40%,#050c1859);display:none;position:absolute;inset:0}.hud .qte.show{pointer-events:auto;display:block}.qte-ring{width:0;height:0;position:absolute;top:0;left:0}.qte-outer,.qte-inner{left:calc(-46 * var(--u));top:calc(-46 * var(--u));width:calc(92 * var(--u));height:calc(92 * var(--u));border-radius:50%;position:absolute}.qte-outer{border:calc(5 * var(--u)) solid #fff;box-shadow:0 0 18px #ffffff80}.qte-inner{border:calc(4 * var(--u)) dashed #ffffffbf}.qte.open .qte-outer,.qte.open .qte-inner{border-color:#6dff8a;box-shadow:0 0 22px #6dff8a}.qte.perfect .qte-outer,.qte.perfect .qte-inner{border-color:#ffe066;box-shadow:0 0 30px #ffe066}.qte.early .qte-outer,.qte.early .qte-inner{box-shadow:none;opacity:.6;border-color:#ff6b5e}.qte-ring small{left:0;top:calc(86 * var(--u));white-space:nowrap;font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.04em;color:#fff;background:#080e1abf;border-radius:99px;padding:1px 8px;position:absolute;transform:translate(-50%)}.qte.perfect .qte-ring small,.qte.early .qte-ring small{display:none}.qte-ring b{left:0;top:calc(58 * var(--u));white-space:nowrap;font-style:italic;font-weight:900;font-size:calc(24 * var(--u));letter-spacing:.06em;color:#fff;-webkit-text-stroke:4px #1d2433;paint-order:stroke fill;position:absolute;transform:translate(-50%)}.qte.open .qte-ring b{color:#6dff8a;animation:.3s ease-in-out infinite alternate qtePulse}.qte.perfect .qte-ring b{color:#ffe066}.qte.early .qte-ring b{color:#ff8a80}@keyframes qtePulse{0%{scale:1}to{scale:1.12}}.controls{gap:calc(8 * var(--u));display:flex}.icon-btn{width:calc(46 * var(--u));height:calc(46 * var(--u));border-radius:calc(13 * var(--u));background:linear-gradient(#24395f,#152645);border:2px solid #ffffff24;place-items:center;transition:transform 80ms;display:grid;box-shadow:0 4px #0006}.icon-btn svg{width:56%;height:56%}.icon-btn b{font-weight:900;font-size:calc(17 * var(--u))}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #0006}.bench{left:50%;bottom:calc(10 * var(--u) + var(--safe-b));gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(6 * var(--u));border-radius:calc(20 * var(--u));background:linear-gradient(#0e1b2c00,#0e1b2c8c);transition:transform .3s,opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.bench.hidden,.whistle.hidden{opacity:0;transform:translate(-50%,30px);pointer-events:none!important}.whistle.hidden{transform:translateY(30px)}.card{width:calc(98 * var(--u));height:calc(132 * var(--u));border-radius:calc(12 * var(--u));color:#3b2a06;clip-path:polygon(0 6%,12% 0,88% 0,100% 6%,100% 92%,50% 100%,0 92%);background:linear-gradient(160deg,#fff3b8 0%,#f2cf62 38%,#c9952c 100%);transition:transform .15s,filter .2s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 5px #7a5410,0 8px 18px #00000059,inset 0 0 0 2px #ffffff8c}.card:before{content:"";background:radial-gradient(120% 70% at 50% 35%,#ffffff8c,#0000 60%);position:absolute;inset:0}.card:after{content:"";background:var(--team);opacity:.9;height:3px;position:absolute;bottom:30%;left:0;right:0}.card .c-head{left:calc(9 * var(--u));top:calc(9 * var(--u));z-index:2;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.card .c-rating{font-size:calc(24 * var(--u));font-weight:900}.card .c-pos{font-size:calc(11 * var(--u));letter-spacing:.06em;margin-top:1px;font-weight:900}.card .c-art{aspect-ratio:1;object-fit:cover;z-index:1;pointer-events:none;width:84%;height:auto;position:absolute;top:5%;left:22%}.card .c-name{left:0;right:0;bottom:calc(30 * var(--u));text-align:center;font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.08em;z-index:2;position:absolute}.card .c-cost{left:50%;bottom:calc(10 * var(--u));z-index:2;padding:1px calc(8 * var(--u)) 1px calc(3 * var(--u));color:#ffe08a;font-size:calc(14 * var(--u));background:#1b2238;border-radius:999px;align-items:center;gap:3px;font-weight:900;display:inline-flex;position:absolute;transform:translate(-50%)}.card .c-cost .i-coin{width:calc(16 * var(--u));height:calc(16 * var(--u))}.card{touch-action:none}.card:hover{transform:translateY(-3px)}.drag-ghost{z-index:30;pointer-events:none;filter:drop-shadow(0 8px 10px #00000073);flex-direction:column;align-items:center;gap:2px;margin:-44px 0 0 -36px;display:flex;position:fixed;top:0;left:0}.drag-ghost img{object-fit:cover;background:radial-gradient(circle at 50% 35%, var(--team), #0e1b2c 80%);width:72px;height:72px;box-shadow:0 0 0 4px var(--team);border:3px solid #fff;border-radius:50%}.drag-ghost span{letter-spacing:.08em;text-transform:uppercase;background:#0e1b2c;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:900}.card.selected{box-shadow:0 5px 0 #7a5410, 0 0 0 3px #fff, 0 0 26px 6px var(--team);transform:translateY(-10px)scale(1.04)}.card.poor{filter:grayscale(.85)brightness(.75)}.card.r-gumus{color:#1f2a38;background:linear-gradient(160deg,#fff 0%,#dfe6ee 40%,#9aa8b8 100%);box-shadow:0 5px #5d6b7c,0 8px 18px #00000059,inset 0 0 0 2px #ffffffb3}.card.r-efsane{color:#2a1450;background:linear-gradient(160deg,#fff7d6 0%,#f3d27a 30%,#b06cff 78%,#5b2bb5 100%);box-shadow:0 5px #3b1d78,0 8px 18px #00000059,inset 0 0 0 2px #fff9}.card.r-efsane .c-name,.card.r-efsane .c-pos{color:#fff;text-shadow:0 1px #00000073}.card.r-efsane:before{background:radial-gradient(120% 70% at 50% 30%,#fff9,#0000 60%),repeating-linear-gradient(115deg,#fff0 0 14px,#ffffff1f 14px 16px)}.card.selected.r-gumus{box-shadow:0 5px 0 #5d6b7c, 0 0 0 3px #fff, 0 0 26px 6px var(--team)}.card.selected.r-efsane{box-shadow:0 5px 0 #3b1d78, 0 0 0 3px #fff, 0 0 26px 6px var(--team)}.card.r-bronz{color:#3b1f0b;background:linear-gradient(160deg,#ffe2c2 0%,#e0a26a 38%,#9a5a2c 100%);box-shadow:0 5px #5f3415,0 8px 18px #00000059,inset 0 0 0 2px #ffffff8c}.card.selected.r-bronz{box-shadow:0 5px 0 #5f3415, 0 0 0 3px #fff, 0 0 26px 6px var(--team)}.card-info{left:50%;bottom:calc(158 * var(--u) + var(--safe-b));opacity:0;pointer-events:none;width:min(560px,100vw - 24px);padding:calc(9 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));border:2px solid var(--team);background:linear-gradient(#1b2c4af5,#0e192df5);transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,8px);box-shadow:0 5px #0000004d}.card-info.show{opacity:1;transform:translate(-50%)}.ci-head{align-items:baseline;gap:8px;display:flex}.ci-head b{font-weight:900;font-size:calc(16 * var(--u));letter-spacing:.06em;color:var(--team)}.ci-role{font-weight:800;font-size:calc(12 * var(--u));opacity:.75}.ci-text{font-weight:700;font-size:calc(13 * var(--u));margin-top:2px;line-height:1.3}.ci-ult{font-weight:600;font-size:calc(12 * var(--u));opacity:.85;margin-top:3px}.ci-ult span{color:var(--gold);letter-spacing:.05em;margin-right:6px;font-weight:900}.ci-attrs{gap:calc(6 * var(--u));margin-top:calc(6 * var(--u));display:flex}.attr{font-size:calc(10 * var(--u));opacity:.85;background:#ffffff0f;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:2px 0;font-weight:800;display:flex}.attr b{font-size:calc(15 * var(--u));font-weight:900}.attr.hi b{color:#7dff9a}.attr.lo b{color:#ff9d8a}.p-role{font-size:calc(11.5 * var(--u));opacity:.8;margin:-2px 0 4px;font-weight:700;line-height:1.3}.card .c-count:not(:empty){right:calc(7 * var(--u));top:calc(8 * var(--u));z-index:2;color:#fff;font-weight:900;font-size:calc(11 * var(--u));background:#1b2238;border-radius:99px;padding:1px 6px;position:absolute}.card.full{filter:grayscale()brightness(.6)}.card.full .c-count{background:#c92a2a}.trains{position:absolute;inset:0}.train{left:calc(-19 * var(--u));top:calc(-19 * var(--u));width:calc(38 * var(--u));height:calc(38 * var(--u));color:#fff;background:radial-gradient(circle at 50% 30%,#7dffa8,#22b85a 70%);border:2px solid #fff;border-radius:50%;place-items:center;animation:.9s ease-in-out infinite trainBob;display:grid;position:absolute;box-shadow:0 3px #157a3a,0 0 14px #5aff96cc}.train svg{filter:drop-shadow(0 1px #00000059);width:62%;height:62%}.train .t-cost{white-space:nowrap;font-weight:900;font-size:calc(11 * var(--u));color:#ffe08a;background:#0e1b2c;border-radius:99px;margin-top:2px;padding:0 6px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes trainBob{0%,to{margin-top:0}50%{margin-top:-4px}}@media (height<=520px),(width<=520px){.train{width:30px;height:30px;top:-15px;left:-15px}.train .t-cost{font-size:9px}.card .c-count:not(:empty){padding:0 4px;font-size:9px;top:4px;right:4px}.card-info{bottom:calc(92px + var(--safe-b));width:max-content;max-width:calc(100vw - 20px);padding:5px 10px}.ci-head b{font-size:13px}.ci-role,.ci-ult{font-size:10.5px}.ci-text,.ci-attrs{display:none}}.card.poor .c-cost{color:#ff8a80}.whistle{right:calc(14 * var(--u) + var(--safe-r));bottom:calc(16 * var(--u) + var(--safe-b));align-items:center;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(18 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(18 * var(--u));color:#3a2600;background:linear-gradient(#ffe066,#ffb703);transition:transform 80ms,opacity .3s,filter .2s;display:flex;position:absolute;box-shadow:0 6px #a35f00,0 10px 20px #00000059,inset 0 2px #fff9}.whistle .i-whistle{width:calc(34 * var(--u));height:calc(34 * var(--u))}.whistle .w-text{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.whistle .w-text b{font-size:calc(20 * var(--u));letter-spacing:.06em;font-weight:900}.whistle .w-text small{font-size:calc(12 * var(--u));opacity:.8;font-weight:800}.whistle .w-count:not(:empty){min-width:calc(34 * var(--u));height:calc(34 * var(--u));color:#ffe066;font-weight:900;font-size:calc(16 * var(--u));background:#3a2600;border-radius:50%;place-items:center;display:grid}.whistle:active{transform:translateY(3px);box-shadow:0 3px #a35f00}.whistle.live{color:#cfe6ff;background:linear-gradient(#2c4470,#1a2b4d);box-shadow:0 6px #0b1426,inset 0 2px #ffffff26}.whistle.live .w-count:not(:empty){color:#9fe8ef;background:#0b1426}.whistle:not(.live){animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.panel{z-index:20;width:calc(270 * var(--u));padding:calc(12 * var(--u));border-radius:calc(16 * var(--u));background:linear-gradient(#1b2c4af7,#0e192df7);border:2px solid #ffffff24;animation:.16s ease-out pop;position:absolute;top:0;left:0;box-shadow:0 6px #00000059,0 16px 30px #00000059}@keyframes pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.p-close{right:calc(8 * var(--u));top:calc(6 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(22 * var(--u));opacity:.7;border-radius:50%;line-height:1;position:absolute}.p-title{font-weight:900;font-size:calc(15 * var(--u));margin:0 0 calc(10 * var(--u));padding-right:calc(24 * var(--u))}.p-head{align-items:center;gap:calc(10 * var(--u));margin-bottom:calc(8 * var(--u));display:flex}.p-head img{width:calc(54 * var(--u));height:calc(54 * var(--u));border-radius:calc(12 * var(--u));background:radial-gradient(circle at 50% 30%, var(--team,#2a4a7a), #0e1b2c);object-fit:cover;border:2px solid #fff3}.p-name{font-weight:900;font-size:calc(18 * var(--u));letter-spacing:.04em}.p-name small{font-size:calc(11 * var(--u));opacity:.6;letter-spacing:.1em;margin-left:4px}.stars{gap:3px;margin-top:3px;display:flex}.star{width:calc(16 * var(--u));height:calc(16 * var(--u));clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffffff2e}.star.on{background:var(--gold)}.p-stats{gap:calc(5 * var(--u)) calc(10 * var(--u));margin:calc(6 * var(--u)) 0 calc(8 * var(--u));grid-template-columns:1fr 1fr;display:grid}.stat{border-radius:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));background:#ffffff0d;flex-direction:column;display:flex}.stat span{font-size:calc(11 * var(--u));opacity:.65;font-weight:700}.stat b{font-size:calc(15 * var(--u));white-space:nowrap;font-weight:900}.stat em{color:#7dff9a;font-style:normal;font-size:calc(12 * var(--u));margin-left:3px}.p-ult{font-size:calc(12 * var(--u));margin-bottom:calc(10 * var(--u));font-weight:700}.p-ult b{color:var(--gold);letter-spacing:.06em}.p-ult .bar{height:calc(8 * var(--u));background:#ffffff1a;border-radius:99px;margin-top:4px;overflow:hidden}.p-ult .bar i{background:linear-gradient(90deg,#ffb703,#ffe066);border-radius:99px;height:100%;transition:width .3s;display:block}.p-actions{gap:calc(8 * var(--u));display:flex}.p-btn{padding:calc(7 * var(--u)) 0;border-radius:calc(11 * var(--u));font-weight:900;font-size:calc(13 * var(--u));letter-spacing:.06em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;display:flex}.p-btn span{font-size:calc(14 * var(--u));align-items:center;gap:3px;display:inline-flex}.p-btn .i-coin{width:calc(15 * var(--u));height:calc(15 * var(--u))}.p-btn.up{color:#05351a;background:linear-gradient(#5af58f,#22b85a);box-shadow:0 4px #157a3a}.p-btn.sell{background:linear-gradient(#3a4f78,#263759);flex:.8;box-shadow:0 4px #141f36}.p-btn:disabled{filter:grayscale()brightness(.7)}.p-btn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.buy-row{gap:calc(8 * var(--u));display:flex}.buy-opt{padding:calc(6 * var(--u)) 0 calc(7 * var(--u));border-radius:calc(12 * var(--u));border:2px solid var(--team);background:linear-gradient(#2a3f66,#1a2a4a);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex;box-shadow:0 4px #0b1426}.buy-opt img{width:calc(56 * var(--u));height:calc(56 * var(--u));object-fit:cover}.buy-opt .bo-name{font-weight:900;font-size:calc(12 * var(--u))}.buy-opt .bo-cost{color:#ffe08a;font-weight:900;font-size:calc(13 * var(--u));align-items:center;gap:2px;display:inline-flex}.buy-opt .i-coin{width:calc(14 * var(--u));height:calc(14 * var(--u))}.buy-opt:disabled{filter:grayscale()brightness(.6)}.ults{position:absolute;inset:0}.ult{left:calc(-27 * var(--u));top:calc(-27 * var(--u));width:calc(54 * var(--u));height:calc(54 * var(--u));color:#fff;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--team) 80%, white), var(--team) 60%, color-mix(in srgb, var(--team) 60%, black));box-shadow:0 5px 0 #00000059, 0 0 0 3px #fff, 0 0 24px 6px var(--team);border-radius:50%;place-items:center;animation:1s ease-in-out infinite ultBob;display:grid;position:absolute}.ult svg{filter:drop-shadow(0 2px #00000059);width:52%;height:52%}.ult .u-ring{border:3px solid var(--team);border-radius:50%;animation:1.2s ease-out infinite ring;position:absolute;inset:-8px}.ult .u-name{white-space:nowrap;font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.08em;background:#0e1b2c;border-radius:99px;margin-top:6px;padding:1px 8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes ultBob{0%,to{margin-top:0}50%{margin-top:-5px}}@keyframes ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.floaters{position:absolute;inset:0;overflow:hidden}.floater{white-space:nowrap;pointer-events:none;font-weight:900;font-size:calc(18 * var(--u));color:#ffe08a;-webkit-text-stroke:4px #1d2433;paint-order:stroke fill;animation:1s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.floater.f-gold{color:#ffd84a;font-size:calc(17 * var(--u))}.floater.f-save{color:#b6ff5a;font-size:calc(26 * var(--u))}.floater.f-skill{color:#fff;font-size:calc(28 * var(--u));animation-duration:1.5s}.floater.f-dodge{color:#ff9d8a}.floater.f-freeze{color:#a6ecff;font-size:calc(15 * var(--u))}.floater.f-hit{color:#fff;font-size:calc(14 * var(--u))}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.12)}30%{transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.95)}}.banner{opacity:0;text-align:center;pointer-events:none;transition:transform .25s cubic-bezier(.2,1.6,.4,1),opacity .2s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.6)}.banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner .b-main{font-size:calc(76 * var(--u));letter-spacing:.02em;color:#fff;-webkit-text-stroke:8px #1d2433;paint-order:stroke fill;text-shadow:0 8px #00000059;font-style:italic;font-weight:900;line-height:1}.banner .b-sub{margin-top:calc(6 * var(--u));font-weight:900;font-size:calc(18 * var(--u));letter-spacing:.12em;padding:calc(4 * var(--u)) calc(14 * var(--u));background:#0e1b2c;border-radius:99px;display:inline-block}.banner .b-sub:empty{display:none}.banner.home .b-main{color:#6ff7ea}.banner.away .b-main{color:#ff6b5e}.hud.flash-away:after,.hud.flash-home:after{content:"";pointer-events:none;animation:.7s ease-out forwards flash;position:absolute;inset:0}.hud.flash-away:after{box-shadow:inset 0 0 160px 40px #ff3c32b3}.hud.flash-home:after{box-shadow:inset 0 0 160px 40px #3cffdc80}@keyframes flash{0%{opacity:1}to{opacity:0}}.hint{left:50%;top:calc(74 * var(--u));opacity:0;padding:calc(8 * var(--u)) calc(16 * var(--u));font-weight:800;font-size:calc(15 * var(--u));white-space:nowrap;background:#0e1b2ce0;border:2px solid #ffffff29;border-radius:99px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,-10px)}.hint.show{opacity:1;transform:translate(-50%)}.coach{left:50%;top:calc(72 * var(--u));z-index:25;opacity:0;pointer-events:none;background:linear-gradient(#1b2c4af7,#0e192df7);border:2px solid #ffe06699;border-radius:16px;align-items:flex-start;gap:12px;width:max-content;max-width:min(560px,100vw - 24px);padding:10px 16px 10px 10px;transition:opacity .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%,-8px);box-shadow:0 6px #00000059,0 14px 28px #00000059}.hud .coach.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.coach.pop{animation:.25s ease-out pop}.coach.low{top:auto;bottom:calc(172 * var(--u) + var(--safe-b))}.coach-face{color:#3a2600;background:linear-gradient(#ffe066,#ffb703);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;width:50px;height:56px;display:flex;box-shadow:inset 0 -3px #0000002e}.coach-face svg{width:30px;height:30px}.coach-face span{letter-spacing:.1em;font-size:10px;font-weight:900}.coach-text{max-width:440px;font-size:15px;font-weight:800;line-height:1.35}.coach-actions{align-items:center;gap:12px;margin-top:7px;display:flex}.coach-next{color:#05351a;letter-spacing:.04em;background:linear-gradient(#5af58f,#22b85a);border-radius:10px;padding:6px 18px;font-weight:900;box-shadow:0 3px #157a3a}.coach-next[hidden]{display:none}.coach-skip{opacity:.6;font-size:12px;font-weight:700;text-decoration:underline}.coach-ring{z-index:24;pointer-events:none;opacity:0;border:4px solid #ffe066;border-radius:50%;transition:opacity .2s;animation:1s ease-in-out infinite coachPulse;position:fixed;top:0;left:0;box-shadow:0 0 0 6px #ffe06640,0 0 26px #ffe066d9}.coach-arrow{z-index:24;color:#ffe066;pointer-events:none;opacity:0;filter:drop-shadow(0 3px #00000073);width:36px;height:40px;transition:opacity .2s;position:fixed;top:0;left:0}.coach-arrow svg{width:100%;height:100%;animation:.7s ease-in-out infinite coachBounce}.coach-arrow.up{rotate:180deg}.coach-ring.show,.coach-arrow.show{opacity:1}@keyframes coachPulse{0%,to{scale:1}50%{scale:1.08}}@keyframes coachBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hud.paused:before{content:"DURAKLATILDI";font-weight:900;font-size:calc(40 * var(--u));letter-spacing:.12em;-webkit-text-stroke:6px #1d2433;paint-order:stroke fill;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{background:radial-gradient(circle at 50% 40%,#0e1b2c73,#080e1ad9);place-items:center;display:none;position:absolute;inset:0}.overlay.show{display:grid}.overlay-card{width:min(560px,100vw - 32px);max-height:calc(100dvh - 24px);padding:calc(26 * var(--u)) calc(28 * var(--u));border-radius:calc(24 * var(--u));text-align:center;background:linear-gradient(#1b2c4af5,#0c1628f7);border:2px solid #ffffff24;animation:.25s ease-out pop;overflow:auto;box-shadow:0 10px #00000059,0 30px 60px #00000073}.logo{letter-spacing:.02em;flex-direction:column;align-items:center;font-style:italic;font-weight:900;line-height:.86;display:flex}.logo span:first-child{font-size:calc(64 * var(--u));color:#fff;-webkit-text-stroke:7px #1d2433;paint-order:stroke fill}.logo span:last-child{font-size:calc(40 * var(--u));color:var(--gold);-webkit-text-stroke:6px #1d2433;paint-order:stroke fill}.tagline{margin:calc(12 * var(--u)) auto calc(10 * var(--u));max-width:440px;font-weight:700;font-size:calc(15 * var(--u));opacity:.85;line-height:1.35}.title-art{justify-content:center;gap:calc(6 * var(--u));margin:calc(4 * var(--u)) 0 calc(8 * var(--u));display:flex}.title-art img{width:calc(84 * var(--u));height:calc(84 * var(--u));background:radial-gradient(circle at 50% 35%, var(--team), #0e1b2c 75%);object-fit:cover;border:3px solid #ffffff40;border-radius:50%}.how{margin:calc(6 * var(--u)) 0 calc(16 * var(--u));gap:calc(5 * var(--u));text-align:left;font-size:calc(14 * var(--u));opacity:.9;padding:0;font-weight:600;list-style:none;display:grid}.how li{padding:calc(6 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));background:#ffffff0d}.how b{color:#ffe08a}.cta{padding:calc(14 * var(--u)) calc(40 * var(--u));border-radius:calc(18 * var(--u));color:#05351a;font-weight:900;font-size:calc(22 * var(--u));letter-spacing:.08em;background:linear-gradient(#5af58f,#22b85a);display:inline-block;box-shadow:0 6px #157a3a,0 12px 24px #00000059,inset 0 2px #ffffff80}.cta:active{transform:translateY(3px);box-shadow:0 3px #157a3a}.progress{height:12px;margin:calc(18 * var(--u)) auto calc(8 * var(--u));background:#ffffff1a;border-radius:99px;max-width:360px;overflow:hidden}.progress i{background:linear-gradient(90deg,#26d0c4,#ffe066);border-radius:99px;width:0;height:100%;transition:width .2s;display:block}.load-label{opacity:.7;font-weight:700;font-size:calc(14 * var(--u))}.end-kicker{letter-spacing:.14em;font-weight:900;font-size:calc(15 * var(--u));color:#9fe8ef}.end-card.lost .end-kicker{color:#ff8a80}.end-score{justify-content:center;align-items:center;gap:calc(14 * var(--u));margin:calc(12 * var(--u)) 0;font-weight:900;display:flex}.end-score span{font-size:calc(18 * var(--u));letter-spacing:.1em;opacity:.7}.end-score b{font-size:calc(72 * var(--u));line-height:1}.end-score i{font-style:normal;font-size:calc(48 * var(--u));opacity:.4}.end-stats{opacity:.85;margin-bottom:calc(18 * var(--u));font-weight:700;font-size:calc(15 * var(--u));line-height:1.5}@media (orientation:portrait) and (width<=700px){.scorebug .team .tname,.whistle .w-text small{display:none}}.squad-screen{z-index:40;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#0e1b2c8c,#080e1ae6);place-items:center;display:none;position:absolute;inset:0}.squad-screen.show{display:grid}.sq-panel{gap:calc(12 * var(--u));width:min(940px,100vw - 24px);max-height:calc(100dvh - 20px);padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(22 * var(--u));background:linear-gradient(#1b2c4af7,#0c1628fa);border:2px solid #ffffff24;flex-direction:column;animation:.25s ease-out pop;display:flex;position:relative;overflow:auto;box-shadow:0 10px #00000059,0 30px 60px #00000073}.sq-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sq-title{align-items:center;gap:10px;display:flex}.sq-title b{font-style:italic;font-weight:900;font-size:calc(26 * var(--u));letter-spacing:.03em}.sq-count{font-weight:900;font-size:calc(15 * var(--u));background:#c92a2a;border-radius:99px;padding:2px 10px}.sq-count.ok{color:#05351a;background:#22b85a}.sq-club{align-items:center;gap:10px;font-weight:900;display:flex}.sq-td{font-size:calc(14 * var(--u));letter-spacing:.06em;color:#9fe8ef}.sq-xp{width:calc(110 * var(--u));background:#ffffff1f;border-radius:99px;height:9px;overflow:hidden}.sq-xp i{background:linear-gradient(90deg,#26d0c4,#9fe8ef);border-radius:99px;height:100%;display:block}.sq-jeton{color:#ffe08a;font-size:calc(15 * var(--u));background:#1b2238;border-radius:99px;align-items:center;gap:4px;padding:2px 10px 2px 4px;display:inline-flex}.sq-jeton .i-coin{width:calc(20 * var(--u));height:calc(20 * var(--u))}.sq-body{gap:calc(16 * var(--u));align-items:stretch;min-height:0;display:flex}.sq-grid{gap:calc(12 * var(--u));grid-template-columns:repeat(3,auto);align-content:start;display:grid}.scard.card{width:calc(118 * var(--u));height:calc(160 * var(--u));transition:transform .15s,filter .2s,opacity .2s}.scard.card:not(.picked){filter:grayscale(.3)brightness(.82)}.scard.card.focus{outline-offset:2px;outline:3px solid #fff}.scard .c-name{bottom:calc(34 * var(--u))}.scard .sc-copies{left:9%;right:9%;bottom:calc(13 * var(--u));height:calc(15 * var(--u));z-index:2;background:#1b2238;border-radius:99px;place-items:center;display:grid;position:absolute;overflow:hidden}.scard .sc-copies i{background:linear-gradient(90deg,#4a7dff,#26d0c4);position:absolute;top:0;bottom:0;left:0}.scard .sc-copies.ready i{background:linear-gradient(90deg,#22b85a,#7dff9a)}.scard .sc-copies em{font-style:normal;font-weight:900;font-size:calc(10 * var(--u));color:#fff;position:relative}.scard .sc-check:not(:empty){right:calc(8 * var(--u));top:calc(10 * var(--u));z-index:3;width:calc(22 * var(--u));height:calc(22 * var(--u));color:#fff;font-weight:900;font-size:calc(13 * var(--u));background:#22b85a;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 2px #fff}.scard.levelled{animation:.7s ease-out levelled}@keyframes levelled{0%{transform:scale(1)}30%{filter:brightness(1.6);transform:scale(1.12)rotate(-2deg)}to{transform:scale(1)}}.sq-detail{gap:calc(12 * var(--u));min-width:0;max-height:calc(100dvh - 312px);padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));background:#ffffff0d;flex:1;display:flex}.sd-info{gap:calc(6 * var(--u));flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sd-body{overscroll-behavior:contain;gap:calc(6 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sd-stage{min-height:calc(200 * var(--u));border-radius:calc(12 * var(--u));background:radial-gradient(70% 55% at 50% 42%, color-mix(in srgb, var(--team) 55%, transparent), transparent 75%), linear-gradient(180deg, #24385c, #0f1a2e);flex:0 0 46%;position:relative;overflow:hidden}.sd-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.sd-canvas:active{cursor:grabbing}.sd-hint{left:0;right:0;bottom:calc(6 * var(--u));z-index:1;text-align:center;font-weight:800;font-size:calc(10 * var(--u));opacity:.55;pointer-events:none;position:absolute}.sd-head b{font-weight:900;font-size:calc(22 * var(--u));letter-spacing:.05em;color:var(--team)}.sd-head span{font-weight:800;font-size:calc(13 * var(--u));opacity:.75;display:block}.sd-text{font-weight:700;font-size:calc(14 * var(--u));line-height:1.35}.sd-ult{font-weight:600;font-size:calc(13 * var(--u));opacity:.88;line-height:1.35}.sd-ult span{color:var(--gold);letter-spacing:.05em;margin-right:6px;font-weight:900}.sd-up{flex-direction:column;gap:4px;margin-top:auto;display:flex}.sd-up .p-btn{padding:calc(9 * var(--u)) 0;font-size:calc(14 * var(--u));flex-direction:row;flex:none;gap:10px}.sq-why{font-size:calc(12 * var(--u));opacity:.7;text-align:center;font-weight:700}.sq-why.ok{color:#7dff9a;opacity:1}.sq-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.sq-note{font-weight:700;font-size:calc(13 * var(--u));opacity:.75}.sq-go:disabled{filter:grayscale()brightness(.7)}.sq-toast{left:50%;bottom:calc(70 * var(--u));opacity:0;pointer-events:none;font-weight:900;font-size:calc(14 * var(--u));background:#c92a2a;border-radius:99px;padding:6px 14px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,8px)}.sq-toast.show{opacity:1;transform:translate(-50%)}.sq-toast.good{background:#22b85a}.sd-buy{gap:6px;display:flex}.sd-buy .p-btn.buy{flex:1.4}.sd-buy .p-btn.goal{color:#ffe08a;background:#24324f;flex:1;box-shadow:0 4px #111a2c}.sd-buy .p-btn.goal.on{color:#3a2400;background:#ffe08a;box-shadow:0 4px #a86a00}.sq-cards{gap:calc(6 * var(--u));overscroll-behavior:contain;flex-direction:column;max-height:calc(100dvh - 312px);padding:4px 6px 4px 2px;display:flex;overflow-y:auto}.card .c-name{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;overflow:hidden}.sd-who{font-weight:800;font-size:calc(12 * var(--u));color:#ffe08a;margin-top:2px;display:block}.sd-note{font-weight:700;font-size:calc(12 * var(--u));color:#9fe8ef;opacity:.9}.sq-head,.sq-body,.sq-foot,.sq-scout,.lg-head,.lg-body,.lg-foot{flex-shrink:0}.sq-label{font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.14em;color:#9fe8ef}.sq-label span{letter-spacing:.02em;opacity:.6;color:#fff;margin-left:6px;font-weight:800}.sq-label.market{margin-top:calc(6 * var(--u));color:#ffe08a}.sq-grid{gap:calc(10 * var(--u));grid-template-columns:repeat(4,auto);justify-content:start}.sq-grid.keepers{grid-template-columns:repeat(3,auto)}.scard.card{width:calc(104 * var(--u));height:calc(140 * var(--u))}.scard.locked{filter:grayscale()brightness(.45)!important}.scard.locked .c-name{display:none}.scard .sc-lock{left:6%;right:6%;bottom:calc(10 * var(--u));z-index:3;color:#fff;background:#080e1abf;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:3px 2px;display:flex;position:absolute}.scard .sc-lock .i-lock{width:calc(20 * var(--u));height:calc(20 * var(--u))}.scard .sc-lock em{font-style:normal;font-weight:900;font-size:calc(9 * var(--u));text-align:center;line-height:1.1}.scard.shop{filter:grayscale(.75)brightness(.55)!important}.scard.shop.afford{filter:grayscale(.1)brightness(.92)!important}.scard .sc-deal{top:calc(4 * var(--u));z-index:4;padding:1px calc(6 * var(--u));color:#fff;font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.06em;white-space:nowrap;background:linear-gradient(90deg,#ff3d6e,#ff9a1a);border-radius:6px;position:absolute;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 2px 6px #0006}.scard.shop.deal{box-shadow:0 0 0 2px #ff9a1a,0 0 14px #ff9a1a99;filter:none!important}.sq-why.deal{color:#ffb36b}.lg-deal{align-items:center;gap:calc(10 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff3d6e40,#ff9a1a2e);border:1px solid #ff9a1a99;border-radius:12px;font-weight:800;display:flex}.lg-deal small{font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.14em;color:#ffb36b}.lg-deal b{font-weight:900;font-size:calc(13 * var(--u))}.lg-deal b em{color:#ffe08a;margin-left:3px;font-style:normal}.lg-deal span{color:#ffe08a;align-items:center;gap:3px;font-weight:900;display:inline-flex}.lg-deal s{color:#aab3c5;margin-right:4px;font-weight:700}.lg-deal .i-coin{width:calc(13 * var(--u));height:calc(13 * var(--u))}.scard.shop.later{filter:grayscale(.95)brightness(.38)!important}.scard .sc-price{left:10%;right:10%;bottom:calc(11 * var(--u));z-index:3;color:#ffe08a;font-weight:900;font-size:calc(11 * var(--u));background:#080e1ae0;border-radius:99px;justify-content:center;align-items:center;gap:3px;padding:2px 4px;display:flex;position:absolute}.scard .sc-price .i-coin{width:calc(14 * var(--u));height:calc(14 * var(--u))}.scard.shop.afford .sc-price{color:#fff;background:#22b85a;box-shadow:0 0 0 2px #fff,0 0 12px #7dff9a}.p-btn.up.buy{color:#3a2400;background:linear-gradient(#ffe066,#f0a800);box-shadow:0 4px #a86a00}.sd-edge{font-weight:800;font-size:calc(12 * var(--u));color:#7dff9a}.sd-price{font-weight:700;font-size:calc(12 * var(--u));opacity:.85;align-items:center;gap:4px;display:flex}.sd-price b{color:#ffe08a}.sd-price .i-coin{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none}.scard .sc-temp{z-index:3;color:#ffe08a;font-weight:900;font-size:calc(8 * var(--u));letter-spacing:.06em;white-space:nowrap;background:#0e1b2cd9;border-radius:6px;padding:1px 6px;position:absolute;top:44%;left:50%;transform:translate(-50%)rotate(-8deg)}.sq-scout{align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));background:linear-gradient(90deg, color-mix(in srgb, var(--club) 35%, transparent), #ffffff0a);border:1px solid color-mix(in srgb, var(--club) 60%, transparent);display:flex}.sq-crest,.lg-crest{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:calc(8 * var(--u));background:var(--club);font-style:normal;font-weight:900;font-size:calc(12 * var(--u));color:#fff;text-shadow:0 1px #0006;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px #00000040}.sq-vs{flex-direction:column;line-height:1.15;display:flex}.sq-vs small{font-weight:800;font-size:calc(11 * var(--u));opacity:.75;letter-spacing:.04em}.sq-vs b{font-weight:900;font-size:calc(16 * var(--u))}.sq-tip{text-align:right;flex-direction:column;gap:3px;margin-left:auto;display:flex}.sq-tip em{font-style:normal;font-weight:700;font-size:calc(12 * var(--u));opacity:.85}.sq-chips{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.sq-chip{font-weight:800;font-size:calc(11 * var(--u));background:#0000004d;border-radius:99px;padding:1px 8px}.sq-back.cta{padding:calc(8 * var(--u)) calc(18 * var(--u));font-size:calc(15 * var(--u))}.sq-tactic{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.sq-slots{gap:calc(8 * var(--u));flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr)) 2px minmax(0,1fr);display:grid}.sq-slot{align-items:center;gap:calc(8 * var(--u));min-width:0;height:calc(62 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));border-radius:calc(12 * var(--u));text-align:left;background:linear-gradient(180deg, color-mix(in srgb, var(--team) 45%, #1b2a44), #14213a);border:2px solid color-mix(in srgb, var(--team) 70%, #fff);animation:.25s ease-out slot-in;display:flex;position:relative;box-shadow:0 3px #00000059}@keyframes slot-in{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sq-slot img{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:calc(10 * var(--u));object-fit:cover;background:radial-gradient(circle at 50% 35%, var(--team), #0e1b2c 85%);flex:none}.sq-slot .ss-text{flex-direction:column;min-width:0;line-height:1.05;display:flex}.sq-slot .ss-text b{font-weight:900;font-size:calc(18 * var(--u));color:#ffe08a}.sq-slot .ss-text em{font-style:normal;font-weight:900;font-size:calc(11 * var(--u));letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sq-slot .ss-text small{font-weight:800;font-size:calc(9 * var(--u));letter-spacing:.1em;opacity:.65}.sq-slot .ss-x{right:calc(4 * var(--u));top:calc(2 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));font-weight:900;font-size:calc(13 * var(--u));opacity:.7;background:#080e1a99;border-radius:50%;place-items:center;display:grid;position:absolute}.sq-slot:hover .ss-x{opacity:1;background:#c92a2a}.sq-slot.focus{outline-offset:2px;outline:2px solid #fff}.sq-slot.empty{box-shadow:none;color:#ffffff80;background:#ffffff0a;border:2px dashed #ffffff38;flex-direction:column;justify-content:center;gap:0;animation:none}.sq-slot.empty .ss-plus{font-weight:900;font-size:calc(22 * var(--u));line-height:1}.sq-slot.empty em{font-style:normal;font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.12em}.sq-slots .ss-sep{margin:calc(6 * var(--u)) 0;background:#ffffff2e;border-radius:2px;align-self:stretch}.scard.card.picked{box-shadow:0 0 0 3px #22b85a,0 5px #00000059,0 0 18px #22b85a8c}.sq-tactic b{font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.14em;color:#9fe8ef;margin-right:4px}.sq-tactic button{font-weight:900;font-size:calc(12 * var(--u));background:#ffffff14;border-radius:99px;padding:3px 12px}.sq-tactic button.on{color:#3a2400;background:#ffe066}.sq-tactic em{font-style:normal;font-weight:700;font-size:calc(12 * var(--u));opacity:.75;margin-left:4px}.sd-extra{color:#b6ff5a;font-size:calc(13 * var(--u));margin-top:3px;display:block}.league-screen{z-index:40;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#0e1b2c8c,#080e1ae6);place-items:center;display:none;position:absolute;inset:0}.league-screen.show{display:grid}.lg-panel{gap:calc(12 * var(--u));width:min(900px,100vw - 24px);max-height:calc(100dvh - 20px);padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(22 * var(--u));background:linear-gradient(#1b2c4af7,#0c1628fa);border:2px solid #ffffff24;flex-direction:column;animation:.25s ease-out pop;display:flex;position:relative;overflow:auto;box-shadow:0 10px #00000059,0 30px 60px #00000073}.lg-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.lg-title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.lg-title b{font-style:italic;font-weight:900;font-size:calc(28 * var(--u));letter-spacing:.03em;color:#ffe08a}.lg-title span{font-weight:800;font-size:calc(14 * var(--u));opacity:.75}.lg-cups{color:#ffe08a;background:#1b2238;border-radius:99px;align-items:center;gap:4px;padding:2px 10px 2px 6px;font-weight:900;display:inline-flex}.lg-cups .i-cup{width:calc(20 * var(--u));height:calc(20 * var(--u))}button.lg-cups{cursor:pointer;border:1px solid #ffe08a66}.lg-cups small{font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.12em;color:#fff;opacity:.8;margin-left:4px}.lg-window{z-index:6;justify-content:center;align-items:center;gap:calc(10 * var(--u));padding:calc(16 * var(--u));border-radius:inherit;background:radial-gradient(90% 80% at 50% 40%,#1d3a5c,#08101e 85%);flex-direction:column;animation:.35s ease-out lw-in;display:flex;position:absolute;inset:0}@keyframes lw-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.lw-kicker{font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.18em;color:#9fe8ff}.lw-title{font-weight:900;font-size:calc(22 * var(--u));color:#fff;text-align:center}.lw-cards{justify-content:center;gap:calc(8 * var(--u));flex-wrap:wrap;max-width:100%;display:flex}.lw-card{width:calc(84 * var(--u));padding:calc(4 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));background:linear-gradient(180deg, color-mix(in srgb, var(--team) 55%, #1b2238), #1b2238);color:#fff;cursor:pointer;border:1px solid #ffe08a73;border-radius:10px;flex-direction:column;align-items:center;animation:.4s ease-out backwards lw-pop;display:flex;position:relative}.lw-card:nth-child(2){animation-delay:60ms}.lw-card:nth-child(3){animation-delay:.12s}.lw-card:nth-child(4){animation-delay:.18s}.lw-card:nth-child(5){animation-delay:.24s}.lw-card:nth-child(6){animation-delay:.3s}.lw-card:nth-child(7){animation-delay:.36s}.lw-card:nth-child(8){animation-delay:.42s}@keyframes lw-pop{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:none}}.lw-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.lw-card b{top:calc(6 * var(--u));left:calc(8 * var(--u));font-weight:900;font-size:calc(16 * var(--u));text-shadow:0 1px 3px #000;position:absolute}.lw-card span{font-weight:900;font-size:calc(10 * var(--u));letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;overflow:hidden}.lw-card em{font-style:normal;font-weight:900;font-size:calc(11 * var(--u));color:#ffe08a;align-items:center;gap:2px;display:inline-flex}.lw-card .i-coin{width:calc(11 * var(--u));height:calc(11 * var(--u))}.lw-actions{gap:calc(10 * var(--u));display:flex}.lg-trophies{z-index:5;gap:calc(14 * var(--u));padding:calc(16 * var(--u));border-radius:inherit;background:radial-gradient(80% 70% at 35% 45%,#3a2a1c,#120c08 90%);display:flex;position:absolute;inset:0}.lg-trophies[hidden]{display:none}.tr-host{flex:1.4;min-width:0;position:relative}.tr-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.tr-side{gap:calc(8 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.tr-title{font-style:italic;font-weight:900;font-size:calc(24 * var(--u));color:#ffe08a}.tr-side ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tr-side li{background:#ffe08a14;border-radius:10px;flex-direction:column;padding:6px 10px;display:flex}.tr-side li b{color:#ffe08a;font-weight:900}.tr-side li span,.tr-side p{font-weight:700;font-size:calc(12 * var(--u));opacity:.8}.tr-side .cta{align-self:flex-start;margin-top:auto}.lg-goal{border:1px solid color-mix(in srgb, var(--team) 60%, transparent);color:#fff;cursor:pointer;text-align:left;background:#1b2238;border-radius:12px;align-items:center;gap:10px;margin-left:auto;padding:4px 12px 4px 10px;display:flex}.lg-goal-name{flex-direction:column;line-height:1.1;display:flex}.lg-goal-name small{font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.14em;color:#9fe8ef}.lg-goal-name b{font-weight:900;font-size:calc(14 * var(--u));letter-spacing:.04em}.lg-goal-name b em{color:#ffe08a;margin-left:4px;font-style:normal}.lg-goal-bar{width:calc(150 * var(--u));height:calc(20 * var(--u));background:#0e1626;border-radius:99px;place-items:center;display:grid;position:relative;overflow:hidden}.lg-goal-bar i{background:linear-gradient(90deg,#f0a800,#ffe066);position:absolute;top:0;bottom:0;left:0}.lg-goal-bar em{font-style:normal;font-weight:900;font-size:calc(11 * var(--u));color:#fff;text-shadow:0 1px 2px #000000b3;align-items:center;gap:3px;display:inline-flex;position:relative}.lg-goal-bar .i-coin{width:calc(13 * var(--u));height:calc(13 * var(--u))}.lg-goal.ready{border-color:#7dff9a;box-shadow:0 0 14px #7dff9a59}.lg-goal.ready small{color:#7dff9a}.lg-goal.ready .lg-goal-bar i{background:linear-gradient(90deg,#22b85a,#7dff9a)}.lg-body{gap:calc(16 * var(--u));align-items:stretch;display:flex}.lg-left{flex:1.05;min-width:0;display:flex}.lg-right{flex:1;min-width:0}.lg-next,.lg-end{gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u));background:linear-gradient(160deg, color-mix(in srgb, var(--club,#26d0c4) 30%, transparent), #ffffff0a);border:1px solid #ffffff1f;flex-direction:column;flex:1;display:flex}.lg-kicker{font-weight:900;font-size:calc(12 * var(--u));letter-spacing:.14em;color:#9fe8ef}.lg-vs{justify-content:space-between;align-items:center;gap:8px;display:flex}.lg-team{font-weight:900;font-size:calc(17 * var(--u));align-items:center;gap:8px;display:flex}.lg-team:last-child{text-align:right;flex-direction:row-reverse}.lg-x{opacity:.55;font-style:italic;font-weight:900}.lg-id{font-weight:700;font-size:calc(14 * var(--u));line-height:1.35}.lg-chips{flex-direction:column;gap:4px;display:flex}.lg-chip{font-weight:600;font-size:calc(12 * var(--u));background:#00000040;border-radius:9px;padding:3px 9px;line-height:1.3}.lg-chip b{color:#ffe08a;margin-right:6px;font-weight:900}.lg-advice{font-weight:700;font-size:calc(13 * var(--u));color:#b6ff5a;margin-top:auto}.lg-match{align-items:center;gap:calc(12 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--tone);--tone:#ffe066;background:#ffffff0f;display:flex}.lg-match.up{--tone:#7dff9a}.lg-match.down{--tone:#ff6b5e}.lg-match span{flex-direction:column;align-items:center;line-height:1;display:flex}.lg-match small{font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.14em;opacity:.7}.lg-match b{font-weight:900;font-size:calc(22 * var(--u));color:var(--tone)}.lg-match em{font-style:normal;font-weight:800;font-size:calc(12 * var(--u));color:var(--tone)}.sq-match{border:1px solid var(--tone);--tone:#ffe066;background:#080e1a80;border-radius:10px;flex-direction:column;align-items:center;padding:2px 10px;line-height:1.05;display:flex}.sq-match.up{--tone:#7dff9a}.sq-match.down{--tone:#ff6b5e}.sq-match small{font-weight:900;font-size:calc(8 * var(--u));letter-spacing:.12em;opacity:.75}.sq-match b{font-weight:900;font-size:calc(15 * var(--u));color:var(--tone)}.lg-advice b{color:#fff}.lg-end{text-align:center;justify-content:center;align-items:center}.lg-pos{font-style:italic;font-weight:900;font-size:calc(72 * var(--u));color:#ffe08a;line-height:1}.lg-end-text{font-weight:900;font-size:calc(20 * var(--u))}.lg-end-sub{opacity:.8;font-weight:700;font-size:calc(14 * var(--u))}.lg-end.up .lg-end-text{color:#7dff9a}.lg-table{border-collapse:collapse;width:100%;font-weight:800;font-size:calc(14 * var(--u));font-variant-numeric:tabular-nums}.lg-table th{font-size:calc(11 * var(--u));letter-spacing:.08em;opacity:.6;padding:0 4px 6px}.lg-table td{padding:calc(6 * var(--u)) 4px;text-align:center;border-top:1px solid #ffffff14}.lg-table .team{text-align:left;white-space:nowrap}.lg-table td.team{align-items:center;gap:7px;display:flex}.lg-table .lg-crest{width:calc(22 * var(--u));height:calc(22 * var(--u));font-size:calc(9 * var(--u));border-radius:6px}.lg-table .pos{opacity:.7;width:1.6em}.lg-table .pts{color:#ffe08a;font-weight:900}.lg-table tr.promo td.pos{color:#7dff9a;opacity:1}.lg-table tr.us td{background:#26d0c429}.lg-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.lg-note{font-weight:700;font-size:calc(13 * var(--u));opacity:.7}.end-season{background:#ffffff14;border-radius:12px;margin:-6px 0 10px;padding:6px 12px;font-weight:800}.end-season.up{color:#b9ffcb;background:#22b85a40}.end-season b{color:#ffe08a}.end-signed{background:linear-gradient(90deg, color-mix(in srgb, var(--team) 45%, transparent), #ffffff0d);text-align:left;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 10px;padding:6px 14px 6px 6px;animation:.4s ease-out .6s both pop;display:flex}.end-signed img{width:calc(52 * var(--u));height:calc(52 * var(--u));background:#00000040;border-radius:10px}.end-signed span{font-weight:700;font-size:calc(13 * var(--u));flex-direction:column;display:flex}.end-signed small{letter-spacing:.14em;font-weight:900;font-size:calc(10 * var(--u));color:#ffe08a}.end-signed b{font-weight:900;font-size:calc(18 * var(--u));letter-spacing:.05em}.end-stars{justify-content:center;gap:10px;margin:-4px 0 6px;display:flex}.end-star{width:calc(34 * var(--u));height:calc(34 * var(--u));clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffffff26;animation:.35s ease-out forwards starIn;transform:scale(0)}.end-star.on{background:linear-gradient(#ffe066,#ffb703)}@keyframes starIn{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.rewards{gap:calc(10 * var(--u));margin:0 0 calc(14 * var(--u));padding:calc(12 * var(--u));border-radius:calc(14 * var(--u));background:#ffffff0d;flex-direction:column;display:flex}.rw-row{align-items:center;gap:10px;display:flex}.rw-xp-wrap{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.rw-td{font-weight:900;font-size:calc(13 * var(--u));letter-spacing:.06em;color:#9fe8ef}.rw-td em{color:#7dff9a;margin-left:6px;font-style:normal}.rw-xp{background:#ffffff1f;border-radius:99px;width:100%;height:10px;overflow:hidden}.rw-xp i{background:linear-gradient(90deg,#26d0c4,#9fe8ef);border-radius:99px;height:100%;transition:width 1.2s ease-out;display:block}.rw-chip{font-weight:900;font-size:calc(15 * var(--u));white-space:nowrap;background:#1b2238;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.rw-chip.gold{color:#ffe08a;padding-left:4px}.rw-chip .i-coin{width:calc(18 * var(--u));height:calc(18 * var(--u))}.rw-chip.goal{font-size:calc(12 * var(--u));color:#9fe8ef}.rw-chip.goal b{color:#ffe08a}.lg-task{margin-top:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(13 * var(--u));background:#9fe8ff1f;border:1px solid #9fe8ff59;font-weight:700}.lg-task b{color:#9fe8ff;letter-spacing:.08em;margin-right:calc(6 * var(--u));font-size:calc(11 * var(--u))}.lg-task em{color:#ffe08a;margin-left:4px;font-style:normal;font-weight:900}.lg-streak{margin-top:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(12 * var(--u));color:#ffd9a8;background:linear-gradient(90deg,#ff7a1a59,#ffb21a33);font-weight:800}.sq-task{color:#cfeeff;margin-top:3px;font-style:normal;display:block}.sq-task b{color:#9fe8ff;letter-spacing:.08em;font-size:.9em}.rw-chip.task.done{color:#fff;background:#1ea050cc}.rw-chip.task.done b{color:#fff}.rw-chip.task.failed{opacity:.6}.rw-chip.streak{color:#2a1200;background:linear-gradient(90deg,#ff7a1a,#ffb21a)}.rw-chip.streak b{color:#2a1200}.rw-chip.goal.ready{color:#fff;background:#22b85a}.rw-chip.goal.ready b{color:#fff}.rw-pack{cursor:pointer}.rw-pack-title{font-weight:900;font-size:calc(14 * var(--u));letter-spacing:.08em;margin-bottom:8px}.rw-pack-title small{letter-spacing:0;opacity:.6;font-weight:700}.rw-pack.open .rw-pack-title small{display:none}.rw-pack:not(.open) .rw-cards{animation:1.4s ease-in-out infinite packShake}@keyframes packShake{0%,to{transform:rotate(0)}10%{transform:rotate(-1.5deg)}20%{transform:rotate(1.5deg)}30%{transform:rotate(0)}}.rw-cards{justify-content:center;gap:calc(10 * var(--u));flex-wrap:wrap;display:flex}.rw-card{width:calc(78 * var(--u));height:calc(104 * var(--u));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,1.2,.4,1);transition-delay:calc(var(--i) * .35s);position:relative}.rw-pack.open .rw-card{transform:rotateY(180deg)}.rw-back,.rw-front{backface-visibility:hidden;position:absolute;inset:0}.rw-back{border-radius:calc(10 * var(--u));background:repeating-linear-gradient(45deg,#1ec2cf 0 10px,#17a3ae 10px 20px);border:2px solid #ffffff80;place-items:center;display:grid;box-shadow:0 4px #0b5c63}.rw-back span{font-style:italic;font-weight:900;font-size:calc(22 * var(--u));color:#06313a}.rw-front.card{clip-path:none;border-radius:calc(10 * var(--u));width:100%;height:100%;transform:rotateY(180deg)}.rw-front .c-art{width:88%;top:2%;left:6%}.rw-front .c-name{bottom:calc(8 * var(--u));font-size:calc(10 * var(--u))}.rw-front:after{display:none}.rw-plus{z-index:3;color:#fff;font-weight:900;font-size:calc(12 * var(--u));background:#22b85a;border-radius:99px;padding:0 6px;position:absolute;top:5px;right:5px}.rw-ready{z-index:3;text-align:center;color:#fff;font-weight:900;font-size:calc(10 * var(--u));letter-spacing:.06em;background:#ff5d73;position:absolute;top:42%;left:-4px;right:-4px;transform:rotate(-8deg);box-shadow:0 2px #0000004d}.end-actions{justify-content:center;gap:12px;display:flex}.cta.ghost{color:#fff;background:linear-gradient(#3a4f78,#263759);box-shadow:0 6px #141f36,0 12px 24px #00000059}@media (height<=520px),(width<=520px){.bench{bottom:calc(4px + var(--safe-b));gap:8px;padding:4px 8px 2px}.card{border-radius:9px;width:60px;height:78px}.card .c-head{top:5px;left:6px}.card .c-rating{font-size:14px}.card .c-pos,.card .c-name{display:none}.card:after{height:2px;bottom:25%}.card .c-art{width:86%;top:4%;left:14%}.card .c-cost{padding:0 6px 0 2px;font-size:11px;bottom:6px}.card .c-cost .i-coin{width:12px;height:12px}.card.selected{transform:translateY(-6px)scale(1.04)}.whistle{bottom:calc(8px + var(--safe-b));border-radius:14px;gap:6px;padding:6px 12px 6px 9px}.whistle .i-whistle{width:24px;height:24px}.whistle .w-text b{font-size:14px}.whistle .w-text small{display:none}.whistle .w-count:not(:empty){min-width:24px;height:24px;font-size:12px}}@media (width<=520px) and (height>=521px){.whistle{right:calc(10px + var(--safe-r));bottom:calc(96px + var(--safe-b))}}@media (height<=520px){.sq-panel{gap:8px;width:min(820px,100vw - 16px);padding:10px 14px}.sq-title b{font-size:18px}.sq-count,.sq-td,.sq-jeton{font-size:12px}.sq-xp{width:70px;height:7px}.sq-body{gap:10px}.sq-grid{gap:7px}.scard.card{width:78px;height:104px}.scard .c-rating{font-size:15px}.scard .c-pos{font-size:8px}.scard .c-name{font-size:8px;display:block;bottom:27px}.scard .sc-copies{height:11px;bottom:9px}.scard .sc-copies em{font-size:8px}.scard .sc-check:not(:empty){width:16px;height:16px;font-size:10px;top:6px;right:5px}.sq-detail{gap:3px;padding:8px 10px}.sd-head b{font-size:15px}.sd-head span,.sd-ult,.sq-why{font-size:10.5px}.sd-text{font-size:11px}.sq-detail .ci-attrs{gap:4px;margin-top:2px;display:flex}.sq-detail .attr{font-size:8px}.sq-detail .attr b{font-size:12px}.sd-up .p-btn{padding:5px 0;font-size:12px}.sq-note{font-size:10.5px}.sq-go.cta{padding:8px 22px;font-size:14px}.end-card{padding:10px 16px}.end-kicker{font-size:11px}.end-score{margin:2px 0}.end-score b{font-size:34px}.end-score i{font-size:24px}.end-stars{margin:0 0 2px}.end-star{width:20px;height:20px}.end-stats{margin-bottom:6px;font-size:11px}.rewards{gap:5px;margin-bottom:8px;padding:7px 10px}.rw-td,.rw-pack-title{font-size:11px}.rw-chip{font-size:12px}.rw-card{width:50px;height:66px}.rw-back span{font-size:15px}.rw-front .c-name{font-size:7px;bottom:4px}.rw-plus{font-size:9px}.rw-ready{font-size:7px}.end-actions .cta{padding:8px 20px;font-size:14px}}@media (width<=560px) and (height>=521px){.sq-body{flex-direction:column}.scard.card{width:92px;height:124px}}@media (height<=520px){:root{--u:.62px}.hud-top{top:6px}.hint{top:auto;bottom:calc(10px + var(--safe-b));left:calc(10px + var(--safe-l));white-space:normal;border-radius:12px;max-width:max(170px,50vw - 222px);padding:6px 10px;font-size:11px;line-height:1.25;transform:translateY(10px)}.hint.show{transform:translateY(0)}.coach{gap:8px;max-width:min(560px,100vw - 200px);padding:7px 10px 7px 8px;top:48px}.coach.low{top:auto;bottom:calc(96px + var(--safe-b))}.coach-face{border-radius:10px;width:38px;height:42px}.coach-face svg{width:22px;height:22px}.coach-face span{font-size:8px}.coach-text{font-size:12px}.coach-actions{margin-top:5px}.coach-next{padding:4px 12px;font-size:12px}.panel{width:216px;padding:9px}.p-head img{width:40px;height:40px}.p-name{font-size:14px}.stat span{font-size:9px}.stat b{font-size:12px}.stat em{font-size:10px}.p-btn{padding:5px 0;font-size:11px}.p-btn span{font-size:12px}.buy-opt img{width:40px;height:40px}.buy-opt .bo-name{font-size:10px}.overlay-card{width:min(620px,100vw - 24px);padding:14px 18px}.logo span:first-child{-webkit-text-stroke-width:5px;font-size:34px}.logo span:last-child{-webkit-text-stroke-width:4px;font-size:22px}.tagline{margin:6px auto;font-size:12px}.title-art img{width:58px;height:58px}.how{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px;font-size:10.5px}.how li{padding:5px 8px;line-height:1.3}.cta{border-radius:13px;padding:9px 26px;font-size:15px}.end-score b{font-size:46px}.ult .u-name{font-size:9px}}.hud.no-debug .debug{display:none}@media (height<=520px){.sq-panel,.lg-panel{gap:6px;padding:8px 12px}.sq-head{gap:8px}.sq-scout{border-radius:99px;gap:6px;max-width:34vw;padding:2px 10px 2px 3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.sq-tip,.sq-scout .sq-vs small{display:none}.sq-match{padding:0 6px}.sq-match small{display:none}.sq-match b{font-size:11px}.lg-match{gap:8px;padding:3px 8px}.lg-match b{font-size:14px}.lg-match em{font-size:9px}.lg-match small{font-size:6.5px}.sq-scout .sq-vs b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sq-scout .sq-vs small,.sq-chip{font-size:9px}.sq-tip em{font-size:10px}.sq-crest{width:24px;height:24px;font-size:10px}.sq-cards{gap:3px}.sq-label{font-size:9px}.sq-grid{gap:5px}.scard.card{width:58px;height:77px}.scard .c-art{width:92%;top:2%;left:10%}.scard .c-name{display:none}.scard .sc-copies{height:10px;bottom:6px}.scard .sc-copies em{font-size:7px}.scard .sc-check:not(:empty){width:14px;height:14px;font-size:9px;top:4px;right:4px}.scard .sc-temp{font-size:6px;top:50%}.scard .sc-lock em{font-size:6.5px}.scard .sc-lock .i-lock{width:14px;height:14px}.scard .sc-price{gap:2px;padding:1px 3px;font-size:8px;bottom:6px}.scard .sc-price .i-coin{width:10px;height:10px}.sd-edge,.sd-price{font-size:10px}.sq-back.cta{padding:6px 12px;font-size:12px}.lg-title b{font-size:18px}.lg-goal{gap:6px;padding:2px 8px}.lg-goal-name small{font-size:7px}.lg-goal-name b{font-size:10px}.lg-goal-bar{width:96px;height:14px}.lg-goal-bar em{font-size:8px}.lg-goal-bar .i-coin{width:9px;height:9px}.lg-title span,.lg-note{font-size:10.5px}.lg-body{gap:10px}.lg-next,.lg-end{gap:4px;padding:8px 10px}.lg-kicker{font-size:9px}.lg-team{gap:5px;font-size:12px}.lg-crest{width:22px;height:22px;font-size:9px}.lg-id,.lg-advice{font-size:10.5px}.lg-task,.lg-streak{margin-top:4px;padding:3px 7px;font-size:10px}.lg-task b{font-size:9px}.lg-chip{padding:2px 6px;font-size:9.5px}.lg-table{font-size:11px}.lg-table th{padding-bottom:3px;font-size:8px}.lg-table td{padding:3px}.lg-table .lg-crest{width:16px;height:16px;font-size:7px}.lg-pos{font-size:44px}.lg-end-text{font-size:14px}.lg-end-sub{font-size:11px}.lg-foot .cta{padding:8px 22px;font-size:14px}.end-season{margin:0 0 6px;padding:4px 10px;font-size:11px}.end-signed{margin-bottom:6px;padding:4px 10px 4px 4px}.end-signed img{width:34px;height:34px}.end-signed b{font-size:13px}.end-signed span{font-size:10px}.crowd{padding:1px 8px 2px}.cr-label{font-size:8px}}@media (width<=560px) and (height>=521px){.lg-body{flex-direction:column}.sq-scout{flex-wrap:wrap}.sq-tip{text-align:left;margin-left:0}.sq-chips{justify-content:flex-start}.scard.card{width:72px;height:96px}.scard .c-name{display:none}}@media (height<=520px){.sd-who,.sd-note{font-size:10px}.sq-tactic{gap:4px}.sq-tactic b{font-size:9px}.sq-tactic button{padding:2px 8px;font-size:9.5px}.sq-tactic em{font-size:9px}.sq-cards{max-height:calc(100dvh - 190px)}.sq-slots{gap:5px}.sq-slot{border-radius:8px;gap:5px;height:36px;padding:2px 6px 2px 2px}.sq-slot img{border-radius:6px;width:30px;height:30px}.sq-slot .ss-text b{font-size:11px}.sq-slot .ss-text em{font-size:8px}.sq-slot .ss-text small{display:none}.sq-slot .ss-x{width:13px;height:13px;font-size:9px;top:1px;right:2px}.sq-slot.empty .ss-plus{font-size:13px}.sq-slot.empty em{font-size:6.5px}.sq-detail{gap:8px;max-height:calc(100dvh - 190px)}.sd-stage{flex:0 0 118px;min-height:0}.sd-hint{font-size:7px;bottom:3px}}#rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse) and (width<=900px){html:not(.portrait-ok) #rotate-hint{z-index:1000;background:radial-gradient(circle at 50% 38%, #1d3352, var(--navy) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:fixed;inset:0}}#rotate-hint b{letter-spacing:.02em;font-size:24px;font-weight:800}#rotate-hint span{color:#b8c6dc;max-width:280px;font-size:15px;line-height:1.4}#rotate-hint button{color:#dfe8f5;border:1.5px solid #ffffff4d;border-radius:999px;margin-top:12px;padding:10px 20px;font-size:14px;font-weight:700}.rh-phone{border:4px solid var(--gold);border-radius:11px;width:46px;height:78px;margin-bottom:18px;animation:2.6s ease-in-out infinite rh-turn}@keyframes rh-turn{0%,20%{transform:rotate(0)}45%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rh-phone{animation:none;transform:rotate(-90deg)}}.install-btn{margin:calc(12 * var(--u)) auto 0;padding:calc(9 * var(--u)) calc(22 * var(--u));font-size:calc(14 * var(--u));display:block}.install-btn[hidden]{display:none}.install-sheet{z-index:900;background:#060c18b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.is-card{text-align:left;background:linear-gradient(#1b2c4a,#0e1b2c);border:2px solid #ffe0668c;border-radius:18px;width:min(380px,100%);max-height:calc(100dvh - 32px);padding:18px 20px;overflow:auto;box-shadow:0 8px #00000059}.is-card b{color:var(--gold);font-size:18px;font-weight:900;display:block}.is-card ol{margin:10px 0;padding-left:20px;font-size:14px;line-height:1.45}.is-card strong{color:#fff}.is-card span{color:#b8c6dc;font-size:12.5px;line-height:1.4;display:block}.is-card .cta{margin:14px auto 0;padding:8px 28px;font-size:15px;display:block}