.modes{--m-glass:#0e1430eb;--m-sheen:linear-gradient(180deg, #ffffff14, #fff0 42%);--m-fg:var(--paper);--m-muted:#f6f8ffc7}.modes__head{gap:var(--sp-6);margin-bottom:var(--sp-8);align-items:end;display:grid}.modes__intro{gap:var(--sp-5);justify-items:start;display:grid}.modes__deck{aspect-ratio:440/250;justify-self:start;width:min(100%,440px);position:relative}.modes__deck figure{width:78%;filter:drop-shadow(0 6px 0 var(--cobalt-edge));position:absolute}.modes__deck-a{top:0;left:0;transform:rotate(-4deg)}.modes__deck-b{top:30%;left:12%;transform:rotate(2deg)}.modes__deck-c{top:60%;left:22%;transform:rotate(-2deg)}.modes__grid{gap:var(--sp-8) var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}.mode{--fg:var(--m-fg);--muted:var(--m-muted);--accent:var(--gold);--link:var(--gold);--focus:var(--gold);--focus-halo:var(--ink);align-items:flex-start;gap:var(--sp-4);padding:var(--sp-7) var(--sp-5) var(--sp-5);border-radius:var(--r-2);color:var(--fg);background:var(--m-sheen), var(--m-glass);flex-direction:column;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,0 8px #060a2873}.mode p{max-width:34rem;font:600 var(--t-body) / 1.35 var(--font-ui)}.mode__tab{top:calc(var(--sp-5) * -1);left:var(--sp-4);border-radius:var(--r-1);background:linear-gradient(var(--gold-hi), var(--gold) 45%, var(--gold-deep));color:var(--gold-ink);text-shadow:none;box-shadow:0 4px 0 var(--gold-edge);white-space:nowrap;margin:0;padding:.18em .8em .12em;position:absolute}.mode .chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.mode .chip--num{background:var(--cobalt-deep);font-weight:800;box-shadow:inset 0 0 0 1px #ffffff4d}.mode__sticker{top:-34px;right:var(--sp-4);pointer-events:none;width:96px;height:96px;position:absolute;transform:rotate(8deg)}.mode--clans-pad,.m-ranked,.m-clans{padding-right:calc(var(--sp-5) + 70px)}.mode--practice{box-shadow:inset 0 0 0 1px #ffe06673, 0 6px 0 var(--gold-edge)}.mode--practice .btn{margin-top:auto;margin-left:var(--sp-2)}.mode__shot{width:100%;padding-top:var(--sp-2);filter:drop-shadow(0 6px #060a288c);margin-top:auto}.mode__shot:after{bottom:0}.mode--weekly{gap:var(--sp-6)}.mode__weekly-intro{align-items:flex-start;gap:var(--sp-4);flex-direction:column;display:flex}.mode__weekly-list{gap:var(--sp-3);min-width:0;display:grid}.mode__list-label{font:800 var(--t-ui) / 1.1 var(--font-ui);letter-spacing:.01em;color:var(--m-muted)}.rotation{gap:var(--sp-3);counter-reset:none;grid-template-columns:minmax(0,1fr);display:grid}.rotation li{column-gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-1);background:#080c2499;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n h""n p";align-content:start;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.rotation__n{border-radius:var(--r-1);background:linear-gradient(var(--gold-hi), var(--gold) 45%, var(--gold-deep));min-width:2.1em;color:var(--gold-ink);font:400 30px / 1.1 var(--font-display);text-align:center;transform:skewX(var(--skew));box-shadow:0 3px 0 var(--gold-edge);font-variant-numeric:tabular-nums;grid-area:n;place-self:start;padding:.1em .5em .04em}.rotation h4{font:800 22px / 1.1 var(--font-ui);letter-spacing:.01em;color:var(--white);grid-area:h}.rotation p{margin-top:var(--sp-1);font:600 var(--t-table) / 1.3 var(--font-ui);color:var(--m-muted);grid-area:p}@media (min-width:641px){.modes__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}.m-practice,.m-squad,.m-weekly,.m-friends{grid-column:1/-1}.rotation{grid-template-columns:repeat(2,minmax(0,1fr))}.mode--practice{flex-flow:wrap;align-items:center}.mode--practice p{flex:22rem}.mode--practice .chips{flex-basis:100%;order:3}.mode--practice .btn{margin-top:0}}@media (min-width:1025px){.modes__head{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(300px,440px)}.modes__deck{margin-bottom:var(--sp-3);justify-self:end}.modes__grid{gap:var(--sp-8) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.m-ranked{grid-area:1/1/2/span 5}.m-quick{grid-area:1/6/2/span 3}.m-practice{grid-area:1/9/2/span 4}.m-squad{grid-area:2/1/span 2/span 8}.m-friend{grid-area:2/9/3/span 4}.m-clans{grid-area:3/9/4/span 4}.m-career{grid-area:4/1/5/span 4}.m-tourney{grid-area:4/5/5/span 4}.m-friends{grid-area:4/9/5/span 4}.m-weekly{grid-area:5/1/6/span 12}.mode--practice{flex-direction:column;align-items:flex-start}.mode--practice p{flex:none}.mode--practice .chips{flex-basis:auto;order:0}.mode--practice .btn{margin-top:auto}.mode--weekly{align-items:flex-start;gap:var(--sp-7);padding-top:var(--sp-8);flex-direction:row}.mode__weekly-intro{flex:0 0 31%}.mode__weekly-list{flex:1 1 0}.rotation{grid-template-columns:repeat(3,minmax(0,1fr))}.rotation li{row-gap:var(--sp-2);grid-template-columns:minmax(0,1fr);grid-template-areas:"n""h""p"}}@media (max-width:640px){.modes__head{margin-bottom:var(--sp-7)}.modes__deck{width:min(100%,360px)}.modes__grid{gap:var(--sp-7) var(--sp-5)}.mode{padding:var(--sp-7) var(--sp-4) var(--sp-5)}.m-ranked,.m-clans{padding-right:var(--sp-4)}.mode__sticker{width:80px;height:80px;top:-36px}.mode__tab{white-space:normal;max-width:calc(100% - 100px)}.rotation h4{font-size:21px}.rotation__n{font-size:26px}}@media (prefers-contrast:more){.mode{background:var(--ink);box-shadow:inset 0 0 0 2px var(--white)}}@media (forced-colors:active){.mode,.rotation li{border:1px solid canvastext}}