@layer components{.season-banner{position:relative;overflow:hidden;border:1px solid #35352b;background:#0a0c0b url(https://cdn.dev.fun/dashboard/assets/cors/tabletop-Bs2pkEK4.webp) center / cover no-repeat;color:#f6f4eb;line-height:1.6;contain:layout;border-radius:var(--radius-surface)}.season-banner__inner{position:relative;z-index:1}.season-banner a:focus-visible{outline-color:#9fe3b5}.season-banner__status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;min-height:52px;padding:12px 34px;font-size:var(--text-meta)}.season-banner__status>span:first-child{display:flex;align-items:center;gap:10px;color:#a3efc6}.season-banner__arena-name{color:#c2c5b9}.season-banner__status .arena-live-dot{width:7px;height:7px;background:#a3efc6}.season-banner__tag{border:1px solid #92c9b077;border-radius:var(--radius-badge);padding:3px 9px;font-size:var(--text-meta);font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#a3efc6}.season-banner__stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:20px;padding:8px 34px 10px}.season-banner__copy{position:relative;z-index:2;min-width:0;padding-block:18px}.season-banner__copy h2{font:800 clamp(34px,4.2vw,52px) / 1.035 var(--font-ui);letter-spacing:-.045em}.season-banner__copy h2 span{color:#a3efc6}.season-banner__copy>p{margin-top:16px;max-width:40ch;color:#eeeee5;font:var(--type-body)}.season-banner__prize{margin-top:18px}.season-banner__prize-k{display:block;margin-bottom:6px;font-size:var(--text-meta);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e1e8df}.season-banner__prize-amount{display:block;font:700 clamp(40px,4.5vw,54px) / 1 var(--font-ui);letter-spacing:-.04em;color:#ffdc83}.season-banner__prize-amount.payout-split__trigger{display:inline-flex}.season-banner__prize-unit{display:block;margin-top:8px;font-size:var(--text-meta);color:#d9c99f}.season-banner__countdown{font-weight:700;color:#ffdc83}.season-banner__ending{color:#ffdc83}.season-banner__cta{margin-top:22px}.season-banner__cta .ui-button{min-height:46px;padding-inline:20px;box-shadow:0 6px 20px #0003}.season-banner__art{container-type:inline-size;position:relative;min-width:0;margin:0}.season-banner__facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0 34px;padding:16px 0;font-size:var(--text-meta);color:#d8dbcf}.season-banner__facts b{font-weight:600;color:#edf1e9}.season-banner__facts a{display:inline-flex;align-items:center;min-height:28px;margin-left:auto;color:#d8dbcf}.season-banner__facts a:hover{color:#edf1e9;text-decoration:underline}.season-ticker{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.season-ticker .arena-live-dot{width:7px;height:7px;background:#a3efc6}.season-ticker__dot--ping{animation:season-ticker-ping .6s cubic-bezier(.23,1,.32,1)}.season-ticker__line{display:inline-block;white-space:nowrap;animation:season-ticker-in .28s cubic-bezier(.23,1,.32,1)}.season-ticker__line a{display:inline;min-height:0;margin-left:0;color:#a3efc6}@keyframes season-ticker-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes season-ticker-ping{0%{box-shadow:0 0 #a3efc6cc}to{box-shadow:0 0 0 9px #a3efc600}}@media(prefers-reduced-motion:reduce){.season-ticker__line,.season-ticker__dot--ping{animation:none}}@media(max-width:700px){.season-banner{background-position:64% center}.season-banner__status,.season-banner__stage{padding-inline:24px}.season-banner__stage{grid-template-columns:1fr;gap:8px;padding-top:0}.season-banner__copy{padding:14px 0 10px}.season-banner__copy>p{max-width:42ch;font-size:var(--text-compact)}.season-banner__facts{margin-inline:24px}}@media(max-width:600px){.season-banner__arena-name{flex-basis:100%;font-size:var(--text-meta)}.season-banner__art{margin:0}.season-banner__facts{display:grid;grid-template-columns:1fr 1fr}.season-banner__facts a{min-height:24px;margin-left:0}.season-ticker{grid-column:1 / -1}.season-ticker__line{white-space:normal}}}.scfan{--w: min(258px, 46cqi);--sp: calc(var(--w) * .61);position:relative;width:100%;height:calc(var(--w) * 1.52);margin:0}.scfan:before{content:"";position:absolute;left:3%;right:0;bottom:-8px;height:38px;border-radius:50%;background:radial-gradient(ellipse,#000c 12%,#0006 40%,transparent 72%);pointer-events:none}.scd{position:absolute;top:50%;left:50%;width:var(--w);transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) rotate(var(--r, 0deg)) scale(var(--s, 1))}.scd__face{position:relative;border-radius:4.6%;box-shadow:4px 12px 24px #0008;pointer-events:none}.scd img{display:block;width:100%;height:auto;border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none}.scd:nth-child(1){--x: calc(var(--sp) * -1);--r: -12deg;--y: 20px;--s: .86;z-index:1}.scd:nth-child(2){--r: -3deg;--y: 0px;z-index:3}.scd:nth-child(3){--x: var(--sp);--r: 12deg;--y: 17px;--s: .88;z-index:2}.scd__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){.scd__face{transform:none!important}.scd__canvas{opacity:0!important}}:root[data-motion=paused] .scd__face{transform:none!important}:root[data-motion=paused] .scd__canvas{opacity:0!important}@media(max-width:700px){.scfan{--w: min(220px, 45cqi);width:100%;max-width:500px;height:calc(var(--w) * 1.55);margin:0 auto}}@layer components{.payout-split__trigger{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.payout-split__trigger:focus-visible{outline-color:#9fe3b5}.payout-split__caret{flex-shrink:0;color:#e3d7b3;transition:transform .18s cubic-bezier(.23,1,.32,1)}.payout-split__trigger[aria-expanded=true] .payout-split__caret{transform:rotate(180deg)}.payout-split{position:absolute;z-index:var(--z-popover);padding:18px 22px 16px;border:1px solid #e6e3d8;border-radius:var(--radius-surface);background:#fbfaf5;color:#111810;box-shadow:0 18px 48px #0000004d;font-size:var(--text-compact);line-height:1.5;animation:payout-split-in .18s cubic-bezier(.23,1,.32,1)}.payout-split[data-placement=side]{transform-origin:left top}.payout-split[data-placement=below]{transform-origin:top left}.payout-split__notch{position:absolute;width:12px;height:12px;border:1px solid #e6e3d8;border-width:0 0 1px 1px;background:#fbfaf5;transform:translate(-50%,-50%) rotate(45deg)}.payout-split[data-placement=side] .payout-split__notch{left:0}.payout-split[data-placement=below] .payout-split__notch{top:0;transform:translate(-50%,-50%) rotate(135deg)}.payout-split__title{margin-bottom:14px;font:700 var(--text-body) / 1.3 var(--font-ui);letter-spacing:-.02em}.payout-split__rows{display:grid;gap:9px;margin:0;padding:0;list-style:none}.payout-split__row{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center;gap:12px;font:var(--type-meta);font-size:var(--text-compact);color:#6b6e66}.payout-split__rank{font-variant-numeric:tabular-nums}.payout-split__bar{display:block;height:8px;overflow:hidden;border-radius:999px;background:#ebe8dd}.payout-split__bar>span{display:block;height:100%;border-radius:inherit;background:#bdb9ab}.payout-split__amount{font-variant-numeric:tabular-nums;text-align:right;color:#111810}.payout-split__row--gold .payout-split__rank{font-weight:700;color:#9a6f12}.payout-split__row--gold .payout-split__bar>span{background:#e3b64a}.payout-split__foot{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #e6e3d8;font-size:var(--text-compact);color:#6b6e66}@keyframes payout-split-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.payout-split,.payout-split__caret{animation:none;transition:none}}}
