:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--font-display:"Lilita One", "Nunito", system-ui, sans-serif;font:16px/1.4 var(--font);--ink:#05070a;--panel:#0e121ab8;--panel-solid:#12161f;--panel-hi:#ffffff14;--edge:#ffffff1f;--edge-strong:#ffffff47;--cyan:#4dd8e6;--magenta:#e64dd8;--gold:#ffd666;--green:#7be68f;--danger:#e6704d;--text:#eef2f5;--muted:#eef2f59e;--faint:#eef2f561;--r-sm:0;--r-md:0;--r-lg:0;--r-pill:0;--bar-h:clamp(38px, 8vh, 50px);--safe-t:max(6px, env(safe-area-inset-top));--safe-r:max(8px, env(safe-area-inset-right));--safe-b:max(6px, env(safe-area-inset-bottom));--safe-l:max(8px, env(safe-area-inset-left))}html,body{background:var(--ink);height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}#root{height:100%}.gbtn,.game-bar-title,.lobby-brand-name,.arena-card-name,.trophy-chip,.coin-chip,.gem-chip,.scoreboard-score,.scoreboard-num,.status-toast.big,.kickoff-team-name,.kickoff-vs,.kickoff-arena,.arena-banner,.modal-title,.stadium-plate-name,.signin-title,.fee-pill,.win-pill,.arena-card-badge,.twist-chip,.arena-card-locked-req{font-family:var(--font-display);font-synthesis:none;letter-spacing:.03em}.app-shell{width:100%;height:100dvh;position:relative;overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-sm);cursor:pointer;touch-action:manipulation;padding:10px 16px;transition:transform 90ms,filter .15s,border-color .15s}button:disabled{opacity:.42;cursor:default}.gbtn{border-radius:var(--r-pill);border:1px solid var(--edge-strong);min-height:42px;color:var(--text);letter-spacing:.02em;white-space:nowrap;background:linear-gradient(#2b3242,#171c26);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:clamp(12px,2.6vw,14px);font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000073,0 3px #00000073,0 8px 18px #0006}.gbtn:not(:disabled):hover{filter:brightness(1.12)}.gbtn:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 1px #00000073,0 4px 10px #00000059}.gbtn.primary{color:#04231d;text-shadow:0 1px #ffffff40;background:linear-gradient(#2fd6a6,#128c73);border-color:#6cf0cc}.gbtn.gem{color:#1c0636;text-shadow:0 1px #ffffff4d;background:linear-gradient(#c48cff,#6a2fc2);border-color:#e3ccff}.gbtn.gold{color:#2a1c00;text-shadow:0 1px #ffffff4d;background:linear-gradient(#ffd666,#d99b1d);border-color:#ffe9a8}.gbtn.danger{color:#2a0a04;text-shadow:0 1px #fff3;background:linear-gradient(#e6584d,#8c1f12);border-color:#f0a89c}.gbtn.big{letter-spacing:.08em;text-transform:uppercase;min-height:clamp(44px,9vh,56px);padding:0 clamp(20px,6vw,42px);font-size:clamp(14px,3.4vw,19px)}.gbtn.block{width:100%}.iconbtn{border:1px solid var(--edge);width:clamp(30px,6.4vh,38px);height:clamp(30px,6.4vh,38px);color:var(--text);background:linear-gradient(#2e3646f2,#10141cf2);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff29,0 2px #0006}.iconbtn:not(:disabled):hover{border-color:var(--edge-strong)}.music-toggle{bottom:calc(var(--safe-b) + 8px);left:calc(var(--safe-l) + 8px);z-index:40;position:fixed}@media (width<=430px){.game-bar-title-text{display:none}}.fullscreen-toggle{bottom:calc(var(--safe-b) + 8px);left:calc(var(--safe-l) + 16px + clamp(30px, 6.4vh, 38px));z-index:40;position:fixed}.iconbtn:not(:disabled):active{transform:translateY(1px)}.coin-chip{border-radius:var(--r-pill);height:clamp(30px,6.4vh,38px);min-height:0;color:var(--gold);font-variant-numeric:tabular-nums;background:linear-gradient(#ffd66638,#78520659);border:1px solid #ffd66673;align-items:center;gap:6px;padding:0 12px;font-size:clamp(11px,2.6vw,14px);font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 2px #0006}.coin-chip:not(:disabled):hover{border-color:var(--gold)}.coin-chip:not(:disabled):active{transform:translateY(1px)}.gem-chip{border-radius:var(--r-pill);color:#d9b8ff;font-variant-numeric:tabular-nums;background:linear-gradient(#c48cff3d,#46187866);border:1px solid #c48cff80;align-items:center;gap:6px;height:clamp(30px,6.4vh,38px);min-height:0;padding:0 12px;font-size:clamp(11px,2.6vw,14px);font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 2px #0006}.gem-chip:not(:disabled):hover{border-color:#d9b8ff}.gem-chip:not(:disabled):active{transform:translateY(1px)}.stadium-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stadium-band{width:100%;height:38%;min-height:90px;position:absolute;left:0}.stadium-band.far{top:0}.stadium-band.near{bottom:0;transform:scaleY(-1)}.stadium-vignette{background:radial-gradient(#0000 30%,#030508b8 100%);position:absolute;inset:0}.stadium-backdrop.dim .stadium-band{filter:blur(4px)saturate(1.15);transform-origin:50%;scale:1.06}.stadium-backdrop.dim .stadium-band.near{transform:scaleY(-1)}.stadium-backdrop.dim:after{content:"";background:#04060a6b;position:absolute;inset:0}.screen{z-index:0;width:100%;height:100%;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.game-bar{height:var(--bar-h);flex-shrink:0;align-items:center;gap:8px;padding:0 2px;display:flex}.game-bar-spacer{flex:auto;min-width:0}.game-bar-title{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 8px #000c;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:clamp(13px,3vw,18px);font-weight:800;display:flex;overflow:hidden}.game-bar-title svg{flex-shrink:0}.screen-body{flex-direction:column;flex:auto;gap:clamp(6px,1.6vh,14px);min-height:0;padding-top:clamp(4px,1.4vh,12px);display:flex}.split{flex:auto;gap:clamp(8px,2vw,18px);min-height:0;display:flex}.split>.split-main{flex-direction:column;flex:58%;min-width:0;min-height:0;display:flex}.split>.split-side{flex-direction:column;flex:42%;min-width:0;min-height:0;display:flex}.tab-card{border-radius:var(--r-md);border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(10px);min-height:0;box-shadow:inset 0 1px 0 var(--panel-hi), 0 10px 30px #00000073;flex-direction:column;flex:auto;display:flex;overflow:hidden}.tab-card .tabs{flex-shrink:0;justify-content:flex-start;margin:10px 10px 0}.tab-card .tab{flex:none;width:36px;padding:8px}.tab-card-body{scrollbar-width:none;flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%)}.tab-card-body::-webkit-scrollbar{display:none}@media (orientation:portrait){.split{scrollbar-width:none;flex-direction:column;overflow-y:auto}.split::-webkit-scrollbar{display:none}.split>.split-main,.split>.split-side{flex:none;overflow:visible}}.panel{border-radius:var(--r-md);border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 var(--panel-hi), 0 10px 30px #00000073;flex-direction:column;gap:10px;padding:clamp(8px,2vh,14px) clamp(10px,2.4vw,16px);display:flex;position:relative}.panel-title{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:7px;font-size:clamp(10px,2.2vw,12px);font-weight:800;display:flex}.tabs{border-radius:var(--r-pill);border:1px solid var(--edge);background:#080b1099;flex-shrink:0;gap:4px;padding:4px;display:flex}.tab{border-radius:var(--r-pill);min-height:0;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:clamp(11px,2.4vw,13px);font-weight:700;display:flex;position:relative}.tab.active{color:var(--cyan);background:linear-gradient(#4dd8e642,#4dd8e61a);border-color:#4dd8e68c;box-shadow:inset 0 1px #ffffff2e}.lobby-body{flex-direction:column;flex:auto;gap:clamp(4px,1.4vh,12px);min-height:0;display:flex}.arena-rail{--card-h:clamp(170px, 46vh, 300px);--card-w:calc(var(--card-h) * .82);box-sizing:border-box;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;min-height:0;padding:0 calc(50% - var(--card-w) / 2);scrollbar-width:none;flex:auto;align-items:center;gap:clamp(8px,2vw,16px);display:flex;overflow:auto hidden}.arena-rail::-webkit-scrollbar{display:none}.arena-card{width:var(--card-w);height:var(--card-h);border-radius:var(--r-lg);border:1px solid var(--edge);scroll-snap-align:center;text-align:left;--scale:.84;transform:scale(var(--scale));opacity:.68;background:#0b0f16;flex:none;padding:0;transition:transform .24s cubic-bezier(.34,1.4,.64,1),opacity .24s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 10px 26px #0000008c}.arena-card.active{--scale:1;opacity:1;z-index:2;border:2px solid #ffffffd9;box-shadow:inset 0 0 0 1px #0006,0 0 0 3px #ffffff1f,0 6px #00000073,0 20px 40px #000000a6}.arena-card:not(:disabled):active{transform:scale(calc(var(--scale) * .97))}.arena-card.locked{opacity:.55}.arena-card.locked.active{opacity:1}.arena-card-art{width:100%;height:100%;display:block;position:absolute;inset:0}.arena-card-veil{background:linear-gradient(#0000 22%,#04060a80 62%,#04060af2 100%);position:absolute;inset:0}.arena-card-body{text-align:center;align-items:center;gap:max(6px, calc(var(--card-h) * .04));padding:0 calc(var(--card-h) * .05) calc(var(--card-h) * .06);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.arena-card-name{font-size:clamp(15px, calc(var(--card-h) * .105), 28px);color:#fff;-webkit-text-stroke:1px #0000008c;paint-order:stroke fill;text-shadow:0 2px #000000bf,0 4px 12px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.arena-card-meta{font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.fee-pill,.win-pill{padding:2px calc(var(--card-h) * .035) 1px;border-radius:var(--r-pill);font-size:clamp(10px, calc(var(--card-h) * .058), 14px);white-space:nowrap;align-items:center;gap:4px;line-height:1.25;display:inline-flex}.fee-pill svg,.win-pill svg{flex-shrink:0;width:1em;height:1em}.fee-pill{color:var(--gold);background:#04060ab8;border:1px solid #ffd6668c}.win-pill{color:#053018;text-transform:uppercase;background:linear-gradient(#9ef2a8,#3fbf5c);border:1px solid #c8ffd0;box-shadow:inset 0 1px #ffffff80,0 2px #00000059}.twist-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.arena-card-twists{max-width:64%;position:absolute;top:8px;right:8px}.kickoff-twists{justify-content:center;animation:.42s .3s both fade-in}.twist-chip{border-radius:var(--r-pill);color:#7bf0c6;text-transform:uppercase;white-space:nowrap;background:#04060ab8;border:1px solid #7bf0c699;align-items:center;gap:4px;padding:3px 8px 2px;font-size:10px;display:inline-flex}.twist-chip.twist-bumpers{color:#ffd166;border-color:#ffd16699}.twist-chip.twist-puck{color:#9ecbff;border-color:#9ecbff99}.twist-chip.twist-mud{color:#d9a066;border-color:#d9a066a6}.twist-chip.twist-breakable{color:#ff8a65;border-color:#ff8a6599}.arena-card-locked{justify-content:flex-start;align-items:center;gap:calc(var(--card-h) * .03);padding-top:calc(var(--card-h) * .19);-webkit-backdrop-filter:grayscale(.85);background:#04060a59;flex-direction:column;display:flex;position:absolute;inset:0}.arena-card-locked-icon{width:clamp(32px, calc(var(--card-h) * .2), 52px);height:clamp(32px, calc(var(--card-h) * .2), 52px);color:#fff;background:linear-gradient(#4a5160,#20242d);border:2px solid #ffffff59;border-radius:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 2px #ffffff40,0 4px #00000073,0 8px 18px #00000080}.arena-card-locked-req{border-radius:var(--r-pill);color:var(--gold);font-size:clamp(10px, calc(var(--card-h) * .058), 14px);white-space:nowrap;background:#04060acc;border:1px solid #ffd66680;align-items:center;gap:4px;padding:3px 10px 2px;display:inline-flex}.arena-card-locked-icon svg{width:45%;height:45%}.arena-card-badge{border-radius:var(--r-pill);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;background:#04060ab3;border:1px solid #ffffff40;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.lobby-footer{flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding-top:2px;display:flex}.lobby-footer-hint{min-width:0;color:var(--faint);letter-spacing:.04em;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:clamp(9px,1.8vh,11px);overflow:hidden}@media (width<=420px){.lobby-footer-hint{display:none}}.lobby-footer-hint.left{text-align:left}.bot-tag{border-radius:var(--r-pill);color:var(--text);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;background:#ffffff24;align-items:center;gap:2px;margin-left:4px;padding:0 5px;font-size:8px;font-weight:900;line-height:14px;display:inline-flex}.lobby-brand{align-items:center;gap:8px;display:flex}.lobby-brand-name{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#fff,#8fd8e2);color:#0000;text-shadow:0 2px 10px #0009;-webkit-background-clip:text;background-clip:text;font-size:clamp(14px,3.4vw,22px);font-weight:900}.squad-pitch-pane{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.squad-pitch-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.squad-pitch{filter:drop-shadow(0 12px 26px #00000080);width:auto;max-width:100%;height:auto;max-height:100%}.squad-pitch-player{cursor:pointer}.squad-pitch-player:hover .squad-token{filter:brightness(1.18)}.squad-bench{scrollbar-width:none;flex-shrink:0;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.squad-bench::-webkit-scrollbar{display:none}.bench-card{border-radius:var(--r-sm);border:1px solid var(--edge);width:84px;box-shadow:inset 0 1px 0 var(--panel-hi);background:#0a0e14b3;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 8px;display:flex}.bench-card:not(:disabled):active{transform:translateY(1px)}.bench-card-number{font-variant-numeric:tabular-nums;color:var(--gold);font-size:13px;font-weight:800}.bench-card-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:10px;overflow:hidden}.card-rail{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.card-rail::-webkit-scrollbar{display:none}.formation-card{border-radius:var(--r-sm);border:1px solid var(--edge);width:clamp(92px,26vw,116px);box-shadow:inset 0 1px 0 var(--panel-hi);text-align:center;background:#0a0e14b3;flex-direction:column;flex:none;align-items:center;gap:5px;padding:8px;display:flex}.formation-card svg{border-radius:0;width:100%;height:auto}.formation-card-name{letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:800}.formation-card-cost{color:var(--muted);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.formation-card.owned .formation-card-cost{color:var(--green)}.formation-card.active{border-color:var(--gold);background:linear-gradient(#ffd66629,#ffd6660a)}.formation-card.active .formation-card-cost{color:var(--gold)}.swatch-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-swatch{border-radius:var(--r-sm);border:1px solid var(--edge);background:#0a0e14b3;justify-content:center;align-items:center;width:clamp(48px,13vw,60px);height:clamp(48px,13vw,60px);padding:4px;display:flex;position:relative}.kit-swatch.active{border-color:var(--gold);box-shadow:0 0 0 2px #ffd6664d}.kit-same{font-family:var(--font-display);font-synthesis:none;letter-spacing:.04em;color:var(--muted);font-size:12px}.kit-swatch svg{width:100%;height:100%}.swatch-badge{background:var(--panel-solid);border:1px solid var(--edge-strong);width:19px;height:19px;color:var(--gold);border-radius:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.swatch-badge.locked{color:var(--danger)}.flag-swatch{border:1px solid var(--edge);background:radial-gradient(circle at 50% 35%,#ffffff1a,#0a0e14e6);border-radius:0;justify-content:center;align-items:center;width:clamp(42px,11vw,52px);height:clamp(42px,11vw,52px);padding:0;display:flex;position:relative}.flag-swatch.active{border-color:var(--gold);box-shadow:0 0 0 2px #ffd6664d}.flag-swatch .none-mark{color:var(--faint);font-size:18px;font-weight:700}.labeled-row{flex-direction:column;gap:6px;display:flex}.labeled-row-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.manager-card{border-radius:var(--r-lg);border:1px solid var(--edge);background:radial-gradient(ellipse at 50% 0%, #4dd8e629, transparent 62%), var(--panel);-webkit-backdrop-filter:blur(10px);min-height:0;box-shadow:inset 0 1px 0 var(--panel-hi), 0 14px 34px #00000080;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(6px,1.6vh,12px);padding:clamp(10px,3vh,22px);display:flex}.manager-card-team{letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(16px,4vh,26px);font-weight:900;overflow:hidden}.manager-card-name{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:clamp(10px,2.2vh,13px)}.manager-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stat-tile{border-radius:var(--r-sm);border:1px solid var(--edge);background:#080b1099;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:6px 12px;display:flex}.stat-tile-value{font-variant-numeric:tabular-nums;color:var(--gold);font-size:clamp(14px,3vh,18px);font-weight:800}.stat-tile-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:9px}.profile-card{flex:none;width:100%;max-width:420px}.profile-card-identity,.profile-card-account{flex-direction:column;align-items:center;gap:clamp(6px,1.6vh,12px);display:flex}.manager-card-divider{background:var(--edge);width:100%;height:1px;margin:2px 0}.field-row{align-items:center;gap:8px;display:flex}.field-row input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--edge);border-radius:var(--r-sm);background:#04060ab3;flex:auto;padding:9px 12px;font-size:clamp(12px,2.8vw,14px)}.field-row input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #4dd8e633}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.avatar-circle{box-sizing:border-box;width:var(--avatar-size,64px);height:var(--avatar-size,64px);font-size:calc(var(--avatar-size,64px) * .42);border:max(1px, calc(var(--avatar-size,64px) * .06)) solid;color:#fff;background-clip:padding-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:inset 0 2px 6px #ffffff47,inset 0 -4px 10px #00000059,0 4px 14px #00000073}.avatar-circle svg{width:50%;height:50%}.matching-body{scrollbar-width:none;text-align:center;flex-direction:column;flex:auto;justify-content:safe center;align-items:center;gap:clamp(8px,2.4vh,20px);min-height:0;display:flex;overflow-y:auto}.loading-row{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:inline-flex}.arena-banner{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);color:#fff;text-shadow:0 2px 6px #0009;border:1px solid #ffffff40;align-items:center;gap:8px;padding:clamp(5px,1.2vh,10px) clamp(14px,4vw,26px);font-size:clamp(14px,3.4vh,24px);font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 22px #00000080}.matching-vs-row{justify-content:center;align-items:center;gap:clamp(12px,6vw,40px);display:flex;position:relative}.matching-card{flex-direction:column;align-items:center;gap:8px;width:clamp(86px,26vw,130px);display:flex}.matching-card-loading{width:var(--avatar-size,72px);height:var(--avatar-size,72px);border:2px dashed var(--edge-strong);opacity:.7;border-radius:50%;justify-content:center;align-items:center;display:flex}.matching-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,2.4vh,14px);font-weight:700;overflow:hidden}.matching-vs-label{letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 10px #000c;flex-shrink:0;font-size:clamp(16px,4vh,28px);font-style:italic;font-weight:900}.matching-stake{color:var(--muted);align-items:center;gap:6px;font-size:clamp(11px,2.2vh,13px);font-weight:700;transition:opacity .2s;display:inline-flex}.matching-stake.landed{color:var(--gold);animation:.35s .65s score-bump}.pot-coin-fly-wrap{pointer-events:none;position:absolute;inset:0}.pot-coin{color:var(--gold);opacity:0;position:absolute;top:45%}.pot-coin-left{animation:.7s ease-in forwards fly-to-pot-left;left:22%}.pot-coin-right{animation:.7s ease-in forwards fly-to-pot-right;right:22%}@keyframes fly-to-pot-left{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(70px,60px)scale(.35)}}@keyframes fly-to-pot-right{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-70px,60px)scale(.35)}}.matching-tip{color:var(--faint);max-width:340px;min-height:2.4em;font-size:clamp(10px,2vh,12px);animation:.22s fade-in}.lobby-error{color:var(--danger);font-size:12px;font-weight:700}.match-root{z-index:0;--card-h:40px;--top-rail:calc(var(--card-h) + 12px);width:100%;height:100%;position:relative;overflow:hidden}.match-stage{padding-top:calc(var(--safe-t) + var(--top-rail));padding-right:var(--safe-r);padding-bottom:var(--safe-b);padding-left:var(--safe-l);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pitch-frame{border-radius:0;overflow:hidden;box-shadow:0 0 0 2px #ffffff12,0 0 46px -6px #000000e6,0 18px 44px #0009}.hud-layer{top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);pointer-events:none;position:absolute}.top-row{height:var(--card-h);grid-template-columns:minmax(0,1fr) auto minmax(min-content,1fr);align-items:center;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.scoreboard{max-width:100%;height:var(--card-h);box-sizing:border-box;border-radius:var(--r-pill);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);min-width:0;box-shadow:inset 0 1px 0 var(--panel-hi), 0 6px 20px #00000080;background:#080a0ca8;grid-column:2;justify-self:center;align-items:center;gap:8px;padding:4px 12px;display:flex;overflow:hidden}.scoreboard-team{border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:6px;min-width:0;padding:2px 4px;transition:border-color .2s,box-shadow .2s;display:flex}.scoreboard-team.reverse{flex-direction:row-reverse}.turn-timer{flex-shrink:0;display:inline-flex;position:relative}.turn-timer-ring{pointer-events:none;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px;transform:rotate(-90deg)}.turn-timer-track,.turn-timer-fill{fill:none;stroke-width:3px}.turn-timer-track{stroke:#0000008c}.turn-timer-fill{stroke:var(--team-color);stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 2px var(--team-color));animation:turn-timer-drain var(--turn-ms,20s) linear var(--turn-delay,0s) 1 both;transition:stroke .2s}.turn-timer.urgent .turn-timer-fill{stroke:var(--danger);filter:drop-shadow(0 0 3px var(--danger))}.turn-timer.urgent .turn-timer-ring{animation:1s ease-in-out infinite turn-timer-blink}.turn-timer-seconds{box-sizing:border-box;border-radius:var(--r-pill);border:1px solid var(--team-color);min-width:14px;height:12px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#080a0ceb;padding:0 3px;font-size:8px;font-weight:800;line-height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.turn-timer.urgent .turn-timer-seconds{border-color:var(--danger);color:var(--danger);animation:1s ease-in-out infinite turn-timer-pulse}@keyframes turn-timer-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes turn-timer-blink{50%{opacity:.45}}@keyframes turn-timer-pulse{50%{transform:translate(-50%)scale(1.18)}}.scoreboard-label{flex-direction:column;min-width:0;line-height:1.05;display:flex}.scoreboard-team.reverse .scoreboard-label{align-items:flex-end}.scoreboard-title{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:800;overflow:hidden}.scoreboard-name{color:var(--team-color);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(11px,2.6vw,14px);font-weight:800;overflow:hidden}.scoreboard-team.you .scoreboard-name{text-shadow:0 0 9px var(--team-color)}.scoreboard-score{font-variant-numeric:tabular-nums;color:#fff;flex-shrink:0;align-items:center;gap:5px;font-size:clamp(17px,4vw,24px);font-weight:900;display:flex}.scoreboard-num{text-align:center;min-width:1ch;animation:.3s score-bump}.scoreboard-dash{opacity:.4;font-weight:600}.stadium-plate{min-width:0;height:var(--card-h);box-sizing:border-box;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);text-align:center;background:#080a0c80;border:1px solid #ffffff17;flex-direction:row;grid-column:1;justify-content:center;justify-self:start;align-items:center;gap:6px;max-width:100%;padding:4px 12px;display:flex}.stadium-plate-name{letter-spacing:.09em;text-transform:uppercase;color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:100%;font-size:clamp(9px,2.1vw,12px);font-weight:800;overflow:hidden}.stadium-plate-name:after{content:" ·";opacity:.45}.stadium-plate-turn{white-space:nowrap;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#ffffff73;flex-shrink:0;font-size:clamp(8px,1.8vw,10px)}.status-toast{border-radius:var(--r-pill);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;background:#080a0ca8;align-items:center;gap:6px;max-width:52%;padding:6px 12px;font-size:clamp(11px,2.6vw,13px);font-weight:600;animation:.18s fade-in;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.hint-toast{pointer-events:auto;cursor:pointer;border:1px solid var(--edge);font:inherit;text-align:left;gap:8px;font-size:clamp(11px,2.6vw,13px);font-weight:600}.hint-toast .hint-text{text-overflow:ellipsis;overflow:hidden}.hint-toast .hint-help-icon{opacity:.55;flex-shrink:0}.hint-toast:hover .hint-help-icon{opacity:1}.status-toast.urgent{color:#ffb3aa;border-color:#e6584d8c}.status-toast.big{letter-spacing:.04em;text-transform:uppercase;max-width:80%;color:var(--gold);border-color:#ffd66673;gap:10px;padding:14px 26px;font-size:clamp(16px,4.5vw,24px);font-weight:900;animation:.42s cubic-bezier(.22,1.4,.36,1) toast-pop-in;bottom:50%;left:50%;transform:translate(-50%,50%);box-shadow:0 10px 40px #0009}.status-toast.big:has(.match-end-reason){border-radius:var(--r-lg);flex-wrap:wrap;justify-content:center}.match-end-reason{text-align:center;white-space:normal;font-family:var(--font);letter-spacing:.02em;text-transform:none;color:var(--muted);flex-basis:100%;font-size:clamp(11px,2.6vw,13px);font-weight:700}.idle-note{color:var(--danger);font-weight:700}.action-cluster{height:var(--card-h);flex-shrink:0;grid-column:3;justify-self:end;align-items:center;gap:6px;display:flex}.action-btn{pointer-events:auto;border-radius:var(--r-pill);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--text);background:linear-gradient(#2b3242eb,#0c1016eb);justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:clamp(11px,2.4vw,13px);font-weight:800;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 3px #0006,0 8px 18px #00000073}.action-btn.icon{width:var(--card-h);aspect-ratio:1;border-radius:0;padding:0}.action-label,.action-label-short{white-space:nowrap;max-width:100%;overflow:hidden}.action-label-short{display:none}@media (width<=500px){.action-label{display:none}.action-label-short{letter-spacing:.06em;font-size:10px;font-weight:900;display:block}}.action-btn.primary{color:#04231d;text-shadow:0 1px #ffffff40;background:linear-gradient(#2fd6a6,#128c73);border-color:#6cf0cc}.action-btn:disabled{opacity:.4;cursor:default}.action-btn:not(:disabled):hover{filter:brightness(1.12)}.action-btn:not(:disabled):active{transform:translateY(2px)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);padding:max(12px, var(--safe-t)) max(12px, var(--safe-r)) max(12px, var(--safe-b)) max(12px, var(--safe-l));box-sizing:border-box;background:#030508bd;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-card{box-sizing:border-box;border-radius:var(--r-lg);border:1px solid var(--edge-strong);background:linear-gradient(#1a2030,#0d1119);flex-direction:column;align-items:center;gap:clamp(8px,2vh,14px);width:100%;max-width:380px;max-height:100%;padding:clamp(14px,4vh,24px) clamp(14px,4vw,22px) clamp(12px,3vh,20px);animation:.18s cubic-bezier(.34,1.4,.64,1) pop-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 24px 70px #000000b3}.modal-close{position:absolute;top:8px;right:8px}.modal-back{position:absolute;top:8px;left:8px}.modal-title{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-align:center;padding:0 34px;font-size:clamp(13px,3vh,17px);font-weight:900}.modal-actions{flex-direction:column;gap:8px;width:100%;display:flex}.controls-help-list{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.controls-help-row{align-items:flex-start;gap:10px;display:flex}.controls-help-icon{border:1px solid var(--edge);width:26px;height:26px;color:var(--gold);background:#ffffff0d;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.controls-help-rule{color:var(--text);font-size:clamp(12px,2.7vw,13.5px);font-weight:800;display:block}.controls-help-body{color:var(--muted);margin-top:2px;font-size:clamp(11px,2.4vw,12.5px);line-height:1.4;display:block}.modal-body-text{color:var(--muted);text-align:center;margin:0;font-size:clamp(12px,2.6vw,14px);line-height:1.4}.squad-modal-list{scrollbar-width:none;flex-direction:column;gap:8px;width:100%;min-height:0;display:flex;overflow-y:auto}.squad-modal-list::-webkit-scrollbar{display:none}.squad-modal-list .gbtn{justify-content:space-between;width:100%;padding:0 14px}.squad-modal-empty{color:var(--faint);text-align:center;padding:8px 0;font-size:12px}.squad-modal-card-name{text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.stat-row{border-radius:var(--r-sm);background:#ffffff08;align-items:center;gap:8px;padding:6px 8px;display:flex}.stat-role{flex-shrink:0;align-items:center;gap:6px;width:84px;font-size:12px;font-weight:700;display:flex}.level-pips{flex:auto;justify-content:center;gap:3px;display:flex}.level-pip{background:#ffffff24;border-radius:0;width:8px;height:8px;transition:background .2s}.level-pip.filled{background:var(--cyan);box-shadow:0 0 6px -1px var(--cyan)}.stat-row .gbtn{min-height:32px;padding:0 10px;font-size:11px}@keyframes score-bump{0%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes toast-pop-in{0%{opacity:0;transform:translate(-50%,50%)scale(.8)}65%{opacity:1;transform:translate(-50%,50%)scale(1.05)}to{opacity:1;transform:translate(-50%,50%)scale(1)}}.kickoff-overlay{z-index:5;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);box-sizing:border-box;-webkit-backdrop-filter:blur(3px);text-align:center;opacity:1;background:radial-gradient(#080a0eb8 0%,#040507eb 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,4vh,28px);transition:opacity .26s;display:flex;position:absolute;inset:0}.kickoff-overlay.leaving{opacity:0;pointer-events:none}.kickoff-arena{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700;animation:.4s both fade-in}.kickoff-teams{align-items:center;gap:clamp(14px,4vw,32px);display:flex}.kickoff-team{opacity:0;flex-direction:column;align-items:center;gap:8px;display:flex}.kickoff-team.left{animation:.48s cubic-bezier(.22,1.4,.36,1) .12s both kickoff-slide-in-left}.kickoff-team.right{animation:.48s cubic-bezier(.22,1.4,.36,1) .12s both kickoff-slide-in-right}.kickoff-team-name{color:var(--team-color,var(--text));text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:14px;font-weight:700;overflow:hidden}.kickoff-vs{letter-spacing:.06em;color:var(--muted);font-size:13px;font-weight:800;animation:.36s cubic-bezier(.22,1.4,.36,1) .32s both pop-in}.kickoff-tip{max-width:min(70vw,420px);color:var(--muted);font-size:13px;line-height:1.5;animation:.42s .42s both fade-in}.kickoff-bar{background:#ffffff1f;border-radius:0;width:clamp(120px,30vw,220px);height:3px;animation:.3s .42s both fade-in;overflow:hidden}.kickoff-bar-fill{transform-origin:0;background:linear-gradient(90deg, var(--cyan), #ffffffe6);width:100%;height:100%;animation:1.4s linear .4s both kickoff-fill}@keyframes kickoff-slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes kickoff-slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes kickoff-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.turn-timer-fill{animation-duration:var(--turn-ms,20s)!important}}@media (orientation:landscape) and (height<=500px){:root{--bar-h:34px}.screen-body{gap:6px;padding-top:4px}.panel{gap:7px;padding:7px 10px}.gbtn{min-height:34px;padding:0 14px}.gbtn.big{min-height:40px}.arena-rail{--card-h:min(62vh, 190px, calc(100dvh - var(--safe-t) - var(--safe-b) - var(--bar-h) - 92px))}.arena-card-twists .twist-chip-label{display:none}.arena-card-twists .twist-chip{padding:4px 6px}.scoreboard{gap:6px;padding:3px 8px}.scoreboard .avatar-circle{--avatar-size:20px!important}.stadium-plate{padding:3px 10px}.match-root{--card-h:28px}.profile-card{flex-flow:wrap;align-items:stretch;gap:14px;max-width:560px}.profile-card .tester-panel{flex:100%}.profile-card-identity,.profile-card-account{flex:calc(50% - 15px);justify-content:center;gap:4px;min-width:0}.profile-card-identity>.avatar-circle{--avatar-size:48px!important}.profile-card .manager-stats{gap:5px}.profile-card .stat-tile{min-width:0;padding:3px 8px}.profile-card .manager-card-divider{align-self:stretch;width:1px;height:auto;margin:0}.profile-card .account-identity .avatar-circle{--avatar-size:22px!important}.profile-card .account-avatar{width:22px;height:22px}}@media (width<=430px){.match-root{--top-rail:calc(var(--card-h) * 2 + 18px)}.stadium-plate{top:calc(6px + var(--card-h) + 6px);max-width:62%;position:absolute;left:50%;transform:translate(-50%)}}.trophy-chip{border-radius:var(--r-pill);height:clamp(30px,6.4vh,38px);min-height:0;color:var(--green);font-variant-numeric:tabular-nums;background:linear-gradient(#7be68f38,#104e2866);border:1px solid #7be68f73;align-items:center;gap:6px;padding:0 12px;font-size:clamp(11px,2.6vw,14px);font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff38,0 2px #0006}.trophy-chip:not(:disabled):hover{border-color:var(--green)}.trophy-chip:not(:disabled):active{transform:translateY(1px)}.pip{border-radius:var(--r-pill);background:var(--danger);color:#fff;text-align:center;border:1px solid #00000080;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;line-height:15px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.chest-row{flex-shrink:0;justify-content:center;gap:clamp(6px,1.6vw,12px);display:flex}.chest-slot{border-radius:var(--r-pill);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);height:clamp(32px,7vh,42px);min-height:0;color:var(--text);font-variant-numeric:tabular-nums;background:linear-gradient(#282f3ed9,#0c1016d9);justify-content:center;align-items:center;gap:7px;padding:0 clamp(10px,3vw,18px);font-size:clamp(10px,2.2vw,12px);font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff24,0 3px #0006}.chest-slot.empty{box-shadow:none;color:var(--faint);background:#080b1080;border-style:dashed}.chest-slot.bronze{border-color:#cd7f3299}.chest-slot.silver{border-color:#c8d6e299}.chest-slot.golden{border-color:#ffd666b3}.chest-slot.unlocking{color:var(--gold)}.chest-slot.ready{border-color:var(--gold);color:#2a1c00;background:linear-gradient(#ffd666,#d99b1d);animation:1.6s ease-in-out infinite chest-ready}@keyframes chest-ready{0%,to{box-shadow:inset 0 1px #ffffff4d,0 3px #0006,0 0 #ffd66680}50%{box-shadow:inset 0 1px #ffffff4d,0 3px #0006,0 0 18px 3px #ffd66673}}.chest-slot-label{white-space:nowrap}.road-list{scrollbar-width:none;flex-direction:column;flex:auto;gap:6px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.road-list::-webkit-scrollbar{display:none}.road-stop{border-radius:var(--r-md);border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(8px);opacity:.6;align-items:center;gap:clamp(8px,2vw,14px);padding:8px clamp(10px,2.4vw,14px);display:flex}.road-stop.reached{opacity:1;border-color:#ffd66673}.road-stop.claimed{opacity:.75;border-color:var(--edge)}.road-marker{font-variant-numeric:tabular-nums;width:74px;color:var(--green);flex-shrink:0;align-items:center;gap:4px;font-size:clamp(11px,2.4vw,13px);font-weight:800;display:inline-flex}.road-reward{min-width:0;color:var(--text);flex:auto;align-items:center;gap:8px;font-size:clamp(11px,2.4vw,13px);font-weight:700;display:flex}.road-reward-text{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;overflow:hidden}.road-arena{border-radius:var(--r-pill);color:var(--cyan);letter-spacing:.04em;white-space:nowrap;background:#4dd8e629;border:1px solid #4dd8e666;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:800}.road-state{font-variant-numeric:tabular-nums;min-width:56px;color:var(--faint);flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.road-state.claimed{color:var(--green)}.road-stop .gbtn{flex-shrink:0;min-height:32px;padding:0 14px;font-size:11px}.rarity-dot{background:var(--faint);border-radius:0;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 6px -1px}.rarity-dot.common{background:#9fb0c0}.rarity-dot.rare{background:#4dabe6}.rarity-dot.epic{background:#c24de6}.player-list{flex-direction:column;gap:5px;display:flex}.player-row{border-radius:var(--r-sm);border:1px solid var(--edge);min-height:0;box-shadow:inset 0 1px 0 var(--panel-hi);text-align:left;background:#0a0e14b3;align-items:center;gap:8px;padding:8px 10px;display:flex}.player-row.fielded{background:linear-gradient(#4dd8e61f,#0a0e14b3);border-color:#4dd8e673}.player-row.scouted{border-style:dashed}.player-row-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:clamp(11px,2.4vw,13px);font-weight:700;overflow:hidden}.player-row-level{font-variant-numeric:tabular-nums;color:var(--gold);flex-shrink:0;font-size:11px;font-weight:800}.player-row .gbtn{min-height:28px;padding:0 10px;font-size:11px}.squad-places{font-variant-numeric:tabular-nums;color:var(--faint);padding:0 10px;font-size:clamp(10px,2.2vw,12px);font-weight:800}.panel-note{color:var(--faint);font-size:10.5px;line-height:1.35}.squad-bench-empty{color:var(--faint);text-align:center;padding:4px 0;font-size:10.5px}.player-rarity{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.player-rarity.common{color:#9fb0c0}.player-rarity.rare{color:#4dabe6}.player-rarity.epic{color:#c24de6}.stat-bars{flex-direction:column;gap:5px;width:100%;display:flex}.stat-bar-row{align-items:center;gap:8px;display:flex}.stat-bar-label{width:92px;color:var(--muted);flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.stat-bar-track{border-radius:var(--r-pill);background:#ffffff14;flex:auto;height:7px;overflow:hidden}.stat-bar-fill{border-radius:var(--r-pill);background:linear-gradient(90deg,#2fd6a6,#4dd8e6);height:100%;display:block}.stat-bar-fill.weak{background:linear-gradient(90deg,#6b7686,#9fb0c0)}.stat-bar-value{text-align:right;font-variant-numeric:tabular-nums;width:42px;color:var(--faint);flex-shrink:0;font-size:10.5px;font-weight:700}.copy-progress{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.copy-progress-label{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.copy-progress-track{border-radius:var(--r-pill);background:#ffffff14;width:100%;height:9px;overflow:hidden}.copy-progress-fill{border-radius:var(--r-pill);background:linear-gradient(90deg,#4dabe6,#c24de6);height:100%;transition:width .26s;display:block}.copy-progress-hint{color:var(--faint);font-size:10px}.breakthrough-note{text-align:center;color:var(--gold);align-items:center;gap:5px;font-size:10.5px;line-height:1.4;display:inline-flex}.reward-coins{font-variant-numeric:tabular-nums;color:var(--gold);align-items:center;gap:8px;font-size:clamp(18px,5vh,26px);font-weight:900;display:inline-flex}.reward-row{border-radius:var(--r-sm);background:#ffffff0a;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.reward-count{color:var(--cyan);font-variant-numeric:tabular-nums}.settlement-trophies{align-items:center;gap:5px;display:inline-flex}.settlement-trophies.up{color:var(--green)}.settlement-trophies.down{color:var(--danger)}.settlement-breakdown{font-family:var(--font);letter-spacing:0;text-transform:none;color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;font-size:clamp(11px,2.8vw,13px);font-weight:700;display:flex}.breakdown-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.breakdown-row>span:first-child{align-items:center;gap:4px;display:inline-flex}.breakdown-coins{color:var(--gold);align-items:center;gap:4px;font-weight:800;display:inline-flex}.breakdown-row.bonus,.breakdown-row.bonus .breakdown-coins{color:var(--green)}.breakdown-row.total{border-top:1px solid var(--edge);color:var(--text);margin-top:2px;padding-top:4px;font-weight:900}.breakdown-row.lost .breakdown-coins{color:var(--danger)}.arena-card-bonus{font-size:clamp(9px, calc(var(--card-h) * .05), 12px);color:var(--green);white-space:nowrap;align-items:center;gap:3px;font-weight:800;display:inline-flex}.match-root.tutorial-on{--tutorial-w:clamp(200px, 26vw, 300px)}.tutorial-on .match-stage{padding-right:calc(var(--safe-r) + var(--tutorial-w) + 16px)}.tutorial-card{right:8px;top:calc(50% + var(--top-rail) / 2);width:var(--tutorial-w);max-height:calc(100% - var(--top-rail) - 8px);box-sizing:border-box;pointer-events:auto;border:1px solid var(--edge-strong);border-top:3px solid var(--gold);background:linear-gradient(#171c28,#0c1017);padding:10px 14px 12px;animation:.18s fade-in;position:absolute;overflow-y:auto;transform:translateY(-50%);box-shadow:0 14px 40px #0009}.tutorial-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px;display:flex}.tutorial-progress{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:12px}.tutorial-dots{flex:1;gap:4px;display:inline-flex}.tutorial-dot{background:#ffffff26;width:8px;height:8px}.tutorial-dot.now{background:var(--gold)}.tutorial-dot.done{background:var(--green)}.tutorial-skip{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700;text-decoration:underline}.tutorial-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);align-items:center;gap:6px;font-size:clamp(16px,3.8vw,20px);display:flex}.tutorial-title.good{color:var(--green)}.tutorial-title.bad{color:var(--danger)}.tutorial-body{color:var(--muted);margin:4px 0 0;font-size:clamp(12px,2.9vw,14px);line-height:1.45}.tutorial-go{color:var(--gold);align-items:center;gap:6px;margin:8px 0 0;font-weight:800;display:flex}.tutorial-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.tutorial-actions .gbtn{width:100%}@media (orientation:portrait){.tutorial-actions{flex-direction:row}.tutorial-actions .gbtn{flex:1 1 0;width:auto}.tutorial-on .match-stage{padding-right:var(--safe-r);padding-bottom:calc(var(--safe-b) + 200px)}.tutorial-card{width:min(520px,100% - 20px);max-height:190px;inset:auto auto 10px 50%;transform:translate(-50%)}}@media (orientation:landscape) and (height<=500px){.match-root.tutorial-on{--tutorial-w:clamp(170px, 24vw, 230px)}.tutorial-card{padding:5px 10px 7px;right:4px}.tutorial-head{margin-bottom:2px}.tutorial-progress,.tutorial-skip{font-size:10px}.tutorial-title{font-size:14px}.tutorial-body{margin-top:2px;font-size:11px;line-height:1.3}.tutorial-go{margin-top:3px;font-size:11px}.tutorial-actions{margin-top:5px}.tutorial-actions .gbtn{padding-top:4px;padding-bottom:4px}}.action-btn.tutorial-go-btn{animation:1s ease-in-out infinite tutorial-go-pulse}@keyframes tutorial-go-pulse{0%,to{box-shadow:0 0 #ffd84db3}50%{box-shadow:0 0 0 6px #ffd84d00}}.quick-chat-palette{top:calc(var(--card-h) + 8px);pointer-events:auto;border:1px solid var(--edge-strong);border-top:3px solid var(--cyan);z-index:5;background:linear-gradient(#171c28,#0c1017);flex-direction:column;gap:8px;width:min(290px,100vw - 24px);padding:8px;animation:.14s fade-in;display:flex;position:absolute;right:0;box-shadow:0 14px 40px #0009}.quick-chat-head{align-items:center;gap:8px;display:flex}.quick-chat-head .iconbtn{width:28px;height:28px}.quick-chat-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex:1;font-size:13px}.quick-chat-phrases{grid-template-columns:1fr 1fr;gap:5px;display:grid}.quick-chat-phrase{border:1px solid var(--edge);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;padding:7px 8px;font-size:13px;font-weight:700}.quick-chat-emoji{grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.quick-chat-emoji-btn{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #0000;padding:0;font-size:20px;line-height:1}.quick-chat-phrase:not(:disabled):hover,.quick-chat-emoji-btn:not(:disabled):hover{border-color:var(--cyan);background:#4fd6e61f}.quick-chat-phrase:disabled,.quick-chat-emoji-btn:disabled{opacity:.4;cursor:default}.quick-chat-palette{max-height:calc(100% - var(--card-h) - 16px);overflow-y:auto}.quick-chat-more{color:var(--faint);text-align:center;margin:0;font-size:11px;font-weight:700}.chat-pack-preview{min-height:50px;color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;padding:2px 4px;font-size:10px;font-weight:700;display:flex}.chat-pack-preview .emoji{font-size:16px}.action-btn.icon.active{border-color:var(--cyan);color:var(--cyan)}.chat-bubble{top:calc(var(--card-h) + 10px);pointer-events:none;border:1px solid var(--edge-strong);border-left:3px solid var(--team-color);max-width:40%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:#080a0ee0;padding:6px 12px;font-size:clamp(12px,3vw,14px);font-weight:800;animation:.22s cubic-bezier(.22,1.4,.36,1) chat-bubble-in;position:absolute;overflow:hidden}.chat-bubble.emoji{padding:2px 10px;font-size:clamp(22px,5vw,28px)}.chat-bubble.team-0{right:calc(50% + 12px)}.chat-bubble.team-1{border-left:1px solid var(--edge-strong);border-right:3px solid var(--team-color);left:calc(50% + 12px)}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.goal-banner{top:calc(var(--safe-t) + 64px);pointer-events:none;border:1px solid var(--edge-strong);border-bottom:3px solid var(--team-color,var(--gold));white-space:nowrap;background:#080a0ed1;flex-direction:column;align-items:center;gap:2px;padding:8px 22px 7px;animation:.36s cubic-bezier(.22,1.4,.36,1) goal-banner-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.goal-banner-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--team-color,var(--gold));font-size:clamp(18px,4.6vw,26px)}.goal-banner.own-goal .goal-banner-title{color:var(--danger)}.goal-banner-scorer{color:var(--text);font-size:clamp(11px,2.8vw,13px);font-weight:800}@keyframes goal-banner-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.status-toast.big{white-space:normal;width:min(300px,86%);max-width:none;font-family:var(--font);letter-spacing:0;text-transform:none;color:var(--text);border:1px solid var(--edge-strong);border-top:3px solid var(--gold);background:linear-gradient(#171c28,#0c1017);flex-flow:column;align-items:stretch;gap:0;padding:0;font-size:clamp(12px,2.8vw,14px);font-weight:700;overflow:visible}.status-toast.big.loss{border-top-color:var(--danger)}.result-head{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--edge);background:#ffd66612;justify-content:center;align-items:center;gap:8px;padding:12px 42px 10px;font-size:clamp(16px,4.5vw,22px);display:flex;position:relative}.status-toast.big.loss .result-head{color:var(--danger);background:#e6584d14}.result-body{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.result-body .match-end-reason{flex-basis:auto}.match-over-exit{pointer-events:auto;width:28px;height:28px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.match-over-exit:not(:disabled):active{transform:translateY(calc(1px - 50%))}.manager-card-tier{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:clamp(10px,2.2vh,12px);font-weight:800}@media (orientation:landscape) and (height<=500px){.chest-slot{height:30px;padding:0 10px}.road-stop{padding:6px 10px}}.google-btn{border-radius:var(--r-pill);color:#1f1f1f;background:#fff;border:1px solid #0000001a;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 16px;font-size:clamp(12px,2.6vw,14px);font-weight:700;display:inline-flex;box-shadow:0 1px #0000001f,0 4px 12px #00000059}.google-btn:not(:disabled):hover{background:#f7f7f7}.google-btn:not(:disabled):active{transform:translateY(1px)}.facebook-btn{border-radius:var(--r-pill);color:#fff;background:#1877f2;border:none;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 16px;font-size:clamp(12px,2.6vw,14px);font-weight:700;display:inline-flex;box-shadow:0 1px #0000001f,0 4px 12px #00000059}.facebook-btn:not(:disabled):hover{background:#166fe0}.facebook-btn:not(:disabled):active{transform:translateY(1px)}.account-identity{align-items:center;gap:10px;min-width:0;display:flex}.account-avatar{object-fit:cover;border:2px solid var(--edge-strong);border-radius:50%;flex-shrink:0;width:32px;height:32px}.account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(12px,2.6vw,14px);font-weight:700;overflow:hidden}.field-error{color:var(--danger);font-size:11px;font-weight:700}.signin-gate{padding:0 clamp(16px,6vw,48px)}.signin-title{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#fff,#8fd8e2);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(20px,5vh,30px);font-weight:900}.signin-copy{max-width:320px;color:var(--muted);margin:0;font-size:clamp(12px,2.8vw,14px);line-height:1.5}.signin-gate .google-btn,.signin-gate .facebook-btn,.signin-gate .guest-btn{max-width:320px}.modal-note{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.45}.privacy-card{max-width:520px}.privacy-body{text-align:left;flex:auto;width:100%;min-height:0;padding-right:4px;overflow-y:auto}.privacy-heading{color:var(--text);margin:12px 0 4px;font-size:clamp(12px,2.7vw,13.5px);font-weight:800}.privacy-body section:first-child .privacy-heading{margin-top:0}.privacy-text{color:var(--muted);margin:0 0 6px;font-size:clamp(11px,2.4vw,12.5px);line-height:1.45}.privacy-link{color:var(--gold);word-break:break-all;text-decoration:underline}.kickoff-team-title{font-family:var(--font-display);font-synthesis:none;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.kickoff-team-title.rarity-legendary,.kickoff-team-title.rarity-mythic,.scoreboard-title.rarity-legendary,.scoreboard-title.rarity-mythic,.style-preview-title{background:linear-gradient(90deg,currentColor 0%,#fff 45%,currentColor 55% 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite title-shimmer}@keyframes title-shimmer{0%{background-position:110% 0}to{background-position:-110% 0}}.panel-title-hint{letter-spacing:0;text-transform:none;color:var(--muted);margin-left:8px;font-size:11px;font-weight:600}.style-card{border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--rarity) 55%, transparent);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rarity) 22%, transparent), transparent 70%), #0a0e14c7;width:clamp(96px,26vw,118px);box-shadow:inset 0 1px 0 var(--panel-hi);text-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;padding:24px 8px 8px;display:flex;position:relative}.style-card.active{border:2px solid var(--rarity);box-shadow:0 0 0 2px color-mix(in srgb, var(--rarity) 30%, transparent), inset 0 1px 0 var(--panel-hi)}.style-card-rarity{border-radius:var(--r-pill);background:var(--rarity);color:#0a0b0d;font-family:var(--font-display);font-synthesis:none;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:1px 8px;font-size:9px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.style-preview{width:64px;height:52px;display:block}.style-preview-icon,.style-preview-title{justify-content:center;align-items:center;display:flex}.style-preview-title{font-family:var(--font-display);font-synthesis:none;text-align:center;width:100%;min-height:52px;font-size:15px;line-height:1.1}.style-card-name{font-family:var(--font-display);font-synthesis:none;color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.style-card-cost{color:#d9b8ff;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.style-card.owned .style-card-cost{color:var(--muted)}@media (orientation:landscape) and (height<=500px){.scoreboard-title{font-size:8px}.panel-title-hint{display:none}}.purchase-card{--rarity:var(--edge-strong);scrollbar-width:none;border-color:color-mix(in srgb, var(--rarity) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity) 25%, transparent), 0 0 40px -8px color-mix(in srgb, var(--rarity) 45%, transparent), 0 18px 44px #0009;overflow-y:auto}.purchase-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.purchase-rarity{border-radius:var(--r-pill);background:var(--rarity);color:#0a0b0d;font-family:var(--font-display);font-synthesis:none;letter-spacing:.08em;padding:1px 8px}.purchase-preview,.purchase-ledger{box-sizing:border-box;width:100%}.purchase-preview{border-radius:var(--r-md);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--rarity) 28%, transparent), transparent 68%), #04060a8c;border:1px solid var(--edge);justify-content:center;align-items:center;min-height:clamp(96px,22vh,150px);padding:10px;display:flex}.purchase-preview .stat-bars{width:100%}.purchase-kits{align-items:flex-end;gap:10px;display:flex}.style-preview-large{width:clamp(96px,22vh,140px);height:clamp(96px,22vh,140px);display:block}.style-preview-title.large{min-height:0;font-size:clamp(22px,5vh,32px)}.celebration-live{aspect-ratio:2;border-radius:0;width:100%;max-width:320px;display:block}.purchase-ledger{border-radius:var(--r-sm);border:1px solid var(--edge);font-variant-numeric:tabular-nums;background:#04060a8c;justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.purchase-ledger span{align-items:center;gap:5px;display:inline-flex}.purchase-ledger .short{color:var(--danger)}.purchase-success{border-radius:var(--r-sm);color:var(--green);background:#3fbf5c29;border:1px solid #7be68f80;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;animation:.26s cubic-bezier(.22,1.4,.36,1) pop-in;display:flex}.stat-bar-gain{color:var(--green);font-weight:800}.purchase-preview .stat-bar-value{white-space:nowrap;width:auto;min-width:42px}@media (orientation:landscape) and (height<=500px){.purchase-preview{min-height:72px;padding:6px}.style-preview-large{width:80px;height:80px}.purchase-card .modal-actions{flex-direction:row}}.tester-panel{box-sizing:border-box;border-radius:var(--r-md);background:#4618782e;border:1px dashed #c48cff8c;flex-direction:column;gap:8px;width:100%;padding:10px 12px;display:flex}.tester-panel-title{letter-spacing:.1em;text-transform:uppercase;color:#d9b8ff;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.tester-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tester-field{flex-direction:column;gap:4px;min-width:0;display:flex}.tester-field-label{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.tester-field input{box-sizing:border-box;border-radius:var(--r-sm);border:1px solid var(--edge-strong);width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;background:#04060ab3;padding:7px 8px;font-weight:800}.field-preview{aspect-ratio:570/410;border-radius:0;width:100%;max-width:min(360px,52vh);display:block;box-shadow:0 6px 18px #00000073}@media (orientation:landscape) and (height<=500px){.field-preview{max-width:240px}}.formation-card.selected,.style-card.selected,.kit-swatch.selected,.flag-swatch.selected{z-index:1;border-color:#fff;transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 2px #ffffff59,0 8px 18px #00000080}.formation-card,.style-card,.kit-swatch,.flag-swatch{transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s,border-color .18s}.selection-bar{--rarity:var(--edge-strong);border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--rarity) 55%, var(--edge));background:radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--rarity) 18%, transparent), transparent 60%), #06080ceb;flex-shrink:0;align-items:center;gap:10px;margin:0 10px 10px;padding:8px 10px;animation:.18s cubic-bezier(.34,1.4,.64,1) pop-in;display:flex}.selection-bar-info{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.selection-bar-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:9.5px;font-weight:800;display:flex}.selection-bar-rarity{border-radius:var(--r-pill);background:var(--rarity);color:#0a0b0d;font-family:var(--font-display);font-synthesis:none;letter-spacing:.06em;padding:0 6px}.selection-bar-name{font-family:var(--font-display);font-synthesis:none;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.selection-bar-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.selection-bar-action{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.selection-bar-buy{animation:1.2s ease-in-out infinite buy-pulse}@keyframes buy-pulse{0%,to{box-shadow:inset 0 1px #ffffff38,0 3px #00000073,0 0 #c48cff8c}50%{box-shadow:inset 0 1px #ffffff38,0 3px #00000073,0 0 0 6px #c48cff00}}.selection-bar-hint{color:#d9b8ff;white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;font-weight:800;display:inline-flex}.selection-pill{border-radius:var(--r-pill);color:#d9b8ff;font-family:var(--font-display);font-synthesis:none;white-space:nowrap;font-variant-numeric:tabular-nums;background:#4618784d;border:1px solid #c48cff80;align-items:center;gap:5px;padding:5px 12px;font-size:14px;display:inline-flex}button.selection-pill{cursor:pointer;min-height:0}.selection-pill.short{color:var(--danger);background:#7824124d;border-color:#e6704d99}.selection-pill.owned{color:var(--green);background:#1e5a2d4d;border-color:#7be68f80}.selection-bar-hint.locked{color:var(--gold)}.selection-bar-hint.small{color:var(--muted);font-size:10px;font-weight:700}.selection-bar-done{color:var(--green);align-items:center;gap:5px;font-size:12.5px;font-weight:800;display:inline-flex}.pitch-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.stage-preview{aspect-ratio:1;border-radius:0}.stage-caption{border-radius:var(--r-pill);border:1px solid var(--edge-strong);font-family:var(--font-display);font-synthesis:none;letter-spacing:.04em;color:var(--text);white-space:nowrap;background:#06080ccc;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:12px;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.stage-skip{border-radius:var(--r-pill);text-transform:uppercase;background:#ffffff1f;padding:2px 8px;font-size:10px}.pitch-stage.title-stage{width:100%;height:100%}.title-stage-card{border-radius:var(--r-lg);border:1px solid var(--edge-strong);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--team-color) 28%, transparent), transparent 70%), #06080ce0;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px 28px;animation:.26s cubic-bezier(.34,1.4,.64,1) pop-in;display:flex}.title-stage-name{font-family:var(--font-display);font-synthesis:none;color:var(--team-color);font-size:26px}.title-stage-title{font-family:var(--font-display);font-synthesis:none;letter-spacing:.1em;text-transform:uppercase;font-size:18px}.title-stage-title.rarity-legendary,.title-stage-title.rarity-mythic{background:linear-gradient(90deg,currentColor 0%,#fff 45%,currentColor 55% 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite title-shimmer}.title-stage-note{max-width:260px;color:var(--muted);font-size:11.5px}.squad-bench-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);flex:none;align-self:center;padding:0 6px;font-size:10.5px;font-weight:800}.bench-card.locked{opacity:.55;filter:grayscale(.6);border-style:dashed}.bench-card-source{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:9px;font-weight:800}.bench-card.locked.rare .bench-card-number{color:#4da3ff}.bench-card.locked.epic .bench-card-number{color:#b56cff}@media (orientation:landscape) and (height<=500px){.selection-bar{margin:0 8px 8px;padding:6px 8px}.selection-bar-desc{-webkit-line-clamp:1}}