.canvas{background:var(--paper-2);border-bottom:1px solid var(--line);height:min(100dvh - 68px,820px);min-height:640px;position:relative;overflow:hidden}.canvas-map,.canvas-map .map-panel{width:100%;height:100%;min-height:0;position:absolute;inset:0}.canvas-map .map-panel{padding:0}.canvas-map .map-panel small{pointer-events:none;top:auto;bottom:60px;left:24px}.canvas-map .map-count[data-ranked=true],.canvas-map .map-dot[data-ranked=true]{background:var(--ink);box-shadow:0 0 0 3px var(--ball), 0 6px 16px #0e1b2a4d}.canvas-map .map-dot[data-ranked=true]{border-color:var(--ink)}.canvas-legend{color:var(--ink-2);pointer-events:none;z-index:2;background:#ffffffeb;border-radius:10px;gap:16px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:20px;left:24px}.canvas-legend span{align-items:center;gap:7px;display:inline-flex}.canvas-legend i{background:var(--court);box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;width:12px;height:12px}.canvas-legend i.ranked{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 2px var(--ball)}.canvas-map .map-locate{top:20px;right:444px}.canvas-map .map-locating{top:64px;left:auto;right:444px}.canvas-map .map-sheet{bottom:20px;left:24px}.canvas-map .maplibregl-ctrl-bottom-right{right:424px}.canvas-scrim{pointer-events:none;background:linear-gradient(100deg,#f7f9fcd1 0 24%,#f7f9fc00 54%),linear-gradient(#0000 60%,#0e1b2a0f);position:absolute;inset:0}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);background:#ffffffeb;border-radius:14px;box-shadow:0 18px 48px #0e1b2a24}.canvas-filters{flex-wrap:wrap;align-items:center;gap:8px;width:max-content;padding:8px;display:flex}.landing-segments{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.landing-segments a{color:var(--ink-2);border-radius:999px;align-items:center;min-height:44px;padding:8px 14px;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}.landing-segments a[aria-current=page]{background:var(--ink);color:#fff}.canvas-hero{z-index:5;max-width:520px;position:absolute;top:20px;left:24px}.canvas-hero .live-badge{margin-top:36px}.live-badge{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.live-badge i{background:var(--ball);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d7f23a59}.canvas-hero h1{max-width:12ch;margin:14px 0 12px;font-size:clamp(2.4rem,4.4vw,3.5rem)}.canvas-hero h1 em{background:linear-gradient(transparent 62%, var(--ball) 62% 90%, transparent 90%);font-style:normal}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.rail{z-index:5;flex-direction:column;width:404px;display:flex;position:absolute;top:20px;bottom:20px;right:20px;overflow:hidden}.rail-head{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:16px 18px 12px;display:flex}.rail-head b{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.rail-head span{color:var(--ink-2);margin-left:auto;font-size:.8125rem}.rail-list{flex:1;overflow-y:auto}.rail .rail-game{cursor:pointer}.rail-empty{justify-items:start;gap:10px;padding:24px 18px;display:grid}.rail-empty h2{margin:0;font-size:1.25rem}.rail-empty p{color:var(--ink-2);margin:0}.rail-foot{border-top:1px solid var(--line);color:var(--ink-2);padding:12px 18px;font-size:.8125rem}.rail-foot p{margin:0}.rail-all{color:var(--court);white-space:nowrap;font-weight:800;text-decoration:none}.rail-all:after{content:" →"}.landing-section{max-width:1280px;margin:0 auto;padding:64px 24px 0}.landing-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.landing-section-head h2{margin:0;font-size:2.25rem}.landing-section-head p{color:var(--ink-2);max-width:52ch;margin:6px 0 0}.landing-section-head a{color:var(--court);white-space:nowrap;font-weight:800;text-decoration:none}.court-scroller{scroll-snap-type:x mandatory;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.arena{background:var(--ink);color:#fff}.arena-inner{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:start;gap:64px;max-width:1280px;margin:0 auto;padding:72px 24px;display:grid}.arena-kicker{color:var(--ball);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:800}.arena h2{margin:12px 0 14px;font-size:3rem}.arena h2 span{color:var(--ball)}.arena-lede,.arena-steps p{color:#b9c4d2}.arena-lede{max-width:52ch;margin:0;font-size:1.0625rem}.arena-steps{border-top:1px solid #ffffff24;margin:36px 0 0;padding:0;list-style:none}.arena-steps li{border-bottom:1px solid #ffffff24;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px 0;display:grid}.arena-steps b{color:var(--ball);font-family:var(--font-display), system-ui, sans-serif;font-size:1.5rem;line-height:1.1}.arena-steps h3{margin:0 0 4px;font-size:1.125rem}.arena-steps p{max-width:52ch;margin:0;font-size:.9375rem}.arena-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.arena-actions .button.secondary{color:#fff;background:0 0;border-color:#ffffff4d}.duel{background:var(--surface);color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.duel-top{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:.8125rem;font-weight:700;display:flex}.duel-head{padding:18px 18px 4px}.duel-head h3{margin:0;font-size:1.5rem}.duel-head p{color:var(--ink-2);margin:4px 0 0;font-size:.875rem}.duel-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:18px;display:grid}.duel-sides>div{gap:8px;display:grid}.duel-sides>b{color:var(--ink-2);font-family:var(--font-display), system-ui, sans-serif}.seat{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:700;display:flex}.seat i{background:var(--court-deep);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.seat.open{background:var(--court-tint);border:2px dashed var(--court);color:var(--court-deep)}.seat.open i{background:var(--surface);border:2px dashed var(--court);color:var(--court)}.duel-stakes{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.duel-stakes div{padding:16px 18px}.duel-stakes div+div{border-left:1px solid var(--line)}.duel-stakes span{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.duel-stakes b{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2.5rem;line-height:1.05;display:block}.duel-stakes .win b{color:var(--success)}.duel-stakes .loss b{color:var(--danger)}.duel-stakes small{color:var(--ink-2);font-size:.8125rem;display:block}.duel-foot{background:var(--paper);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.duel-foot .price{font-size:1.25rem}.duel-foot .price small,.duel-foot>small{color:var(--ink-2);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;margin-left:4px;font-size:.8125rem;font-weight:700}.duel-foot .button{margin-left:auto}.duel-note{color:#8f9cad;max-width:60ch;margin:14px 0 0;font-size:.8125rem}.standings{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.board{background:var(--surface);border:1px solid var(--line);border-radius:14px}.board-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.board-head b{font-family:var(--font-display), system-ui, sans-serif;font-size:1.125rem}.board-head .location-search{position:static}.board-head .location-search-panel{width:min(360px,100% - 32px);left:auto;right:16px}.board-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:40px minmax(0,1fr) 104px 64px;align-items:center;gap:12px;padding:11px 16px;text-decoration:none;display:grid}.board-row:hover strong{color:var(--court)}.board-row strong,.board-row small{display:block}.board-row strong{font-size:.9375rem}.board-row small{color:var(--ink-2);font-size:.8125rem}.board-position,.board-points{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-weight:800}.board-position{font-size:1.125rem}.board-points{text-align:right;font-size:1.25rem}.board-empty{padding:28px 16px}.board-empty h3{margin:0 0 4px;font-size:1.125rem}.board-empty p{color:var(--ink-2);margin:0}.board-foot{background:var(--paper);color:var(--ink-2);border-radius:0 0 13px 13px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.8125rem;display:flex}.board-foot a{color:var(--court);font-weight:800;text-decoration:none}.standings-explain h2{margin:0;font-size:2.25rem}.standings-explain>p{color:var(--ink-2);max-width:60ch;margin:12px 0 0}[data-league=bronze]{--league:#b7794a}[data-league=silver]{--league:#9aa7b6}[data-league=gold]{--league:#d6a92a}[data-league=platinum]{--league:#5fb3b3}[data-league=diamond]{--league:#4f7dea}[data-league=master]{--league:var(--ink)}.league-mark{align-items:center;gap:8px;font-size:.8125rem;font-weight:800;display:inline-flex}.league-mark:before{background:var(--league);content:"";border-radius:3px;width:10px;height:10px;transform:rotate(45deg)}.league-bars{gap:6px;margin-top:26px;display:grid}.league-bars>div{grid-template-columns:104px minmax(0,1fr) 48px;align-items:center;gap:12px;font-size:.875rem;display:grid}.league-bars>div>span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.league-bar{background:var(--paper-2);border-radius:4px;height:12px;overflow:hidden}.league-bar i{background:var(--league);border-radius:4px;height:100%;display:block}.standings-explain .season-left{background:var(--court-tint);color:var(--court-deep);border-radius:12px;align-items:baseline;gap:18px;margin:22px 0 0;padding:14px 16px;display:flex}.standings-explain .season-left b{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;white-space:nowrap;font-size:1.5rem}.skill-note{border-top:1px solid var(--line);gap:8px;margin-top:26px;padding-top:22px;display:grid}.skill-note h3{margin:0;font-size:1.125rem}.skill-note p{color:var(--ink-2);max-width:60ch;margin:0 0 8px}.landing-coaches{grid-template-columns:1fr 1fr;column-gap:40px}.skill-track{background:linear-gradient(90deg, var(--paper-2), var(--court-tint) 60%, var(--court));border-radius:999px;height:14px;position:relative}.skill-ticks{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.875rem;font-weight:700;display:flex}.skill-labels{color:var(--ink-2);justify-content:space-between;font-size:.75rem;display:flex}.host-band{background:var(--ball);color:var(--ball-ink);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-width:1232px;margin:64px auto 0;padding:40px;display:grid}.host-band h2{margin:0 0 10px;font-size:2.25rem}.host-band p{max-width:56ch;margin:0}.host-band .button{background:var(--ink);color:#fff}@media (max-width:900px){.canvas{height:auto;min-height:0;display:grid;overflow:visible}.canvas-map,.canvas-scrim,.canvas-hero{grid-area:1/1}.canvas-map{height:max(64dvh,460px);position:relative}.canvas-scrim{background:linear-gradient(#f7f9fcf0 0 34%,#f7f9fc00 62%);position:relative}.canvas-hero{align-self:start;max-width:none;padding:12px 16px 0;position:relative;inset:auto}.canvas-filters{flex-direction:column;align-items:stretch;width:auto;padding:6px}.canvas-filters .landing-segments a{white-space:nowrap;flex:auto;justify-content:center;padding:8px}.canvas-hero .live-badge,.canvas-legend{display:none}.canvas-hero h1{max-width:16ch;margin:14px 0 10px;font-size:1.75rem}.canvas-hero .hero-cta{margin-top:0}.canvas-map .map-panel small{bottom:64px;left:12px}.canvas-map .map-locate{top:auto;bottom:64px;right:12px}.canvas-map .map-locating{inset:auto auto 108px 12px}.canvas-map .maplibregl-ctrl-bottom-right{bottom:44px;right:0}.canvas-map .map-sheet{bottom:48px;left:0}.rail{border-width:1px 0 0;border-radius:20px 20px 0 0;width:auto;margin-top:-40px;position:relative;inset:auto;box-shadow:0 -12px 30px #0e1b2a1f}.rail:before{background:var(--line);content:"";border-radius:4px;width:40px;height:4px;margin:8px auto 0}.rail-list{max-height:none;overflow:visible}.rail:not(:target) .rail-game:nth-of-type(n+4){display:none}.rail-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-section{padding:40px 16px 0}.landing-section-head{flex-direction:column;align-items:start;gap:8px}.landing-section-head h2,.standings-explain h2,.host-band h2{font-size:1.75rem}.arena-inner{grid-template-columns:1fr;gap:32px;padding:44px 16px}.arena h2{font-size:2.1rem}.arena-actions{flex-direction:column}.duel-sides{grid-template-columns:1fr;padding:14px}.duel-sides>b{text-align:center}.duel-stakes b{font-size:2rem}.standings{grid-template-columns:1fr;gap:32px}.standings .board{order:2}.board-head .landing-segments{width:100%}.board-head .landing-segments a{flex:1;justify-content:center;padding:8px}.board-row{grid-template-columns:32px minmax(0,1fr) auto;padding:11px 12px}.board-row .league-mark{display:none}.league-bars>div{grid-template-columns:92px minmax(0,1fr) 40px}.standings-explain .season-left{flex-direction:column;gap:2px}.court-scroller{grid-auto-columns:78%;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px}.landing-coaches{grid-template-columns:1fr}.host-band{border-radius:16px;grid-template-columns:1fr;align-items:start;margin:40px 16px 0;padding:24px 20px}}