.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:20px;left:24px}.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{z-index:6;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:20px;left:24px}.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:36px;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:100px;left:24px}.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 .lede{color:var(--ink-2);max-width:44ch;margin:0;font-size:1.0625rem}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero-proof{gap:22px;width:max-content;margin-top:22px;padding:14px 18px;display:flex}.hero-proof div{display:grid}.hero-proof b{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:1.6rem;font-weight:800;line-height:1}.hero-proof span{color:var(--ink-2);font-size:.75rem;font-weight:700}.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-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-game{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px;display:grid}.rail-game:last-child{border-bottom:0}.rail-game.now{background:linear-gradient(90deg,#d7f23a38,#0000 70%)}.rail-when{text-align:center}.rail-when b{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:1.5rem;font-weight:800;line-height:1;display:block}.rail-when span{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.6875rem;font-weight:800;display:block}.rail-game h3{margin:0 0 6px;font-size:1rem}.rail-meta{color:var(--ink-2);flex-wrap:wrap;gap:4px 0;margin:0;font-size:.75rem;font-weight:600;display:flex}.rail-meta span+span:before{content:"·";padding:0 6px}.rail-meta .status{color:var(--ink);font-weight:800}.rail-game.now .status{color:var(--ball-ink)}.rail-foot-row{align-items:center;gap:10px;margin-top:12px;display:flex}.rail-foot-row .price{font-size:1.25rem}.rail-foot-row small{color:var(--ink-2);font-size:.6875rem;font-weight:700}.rail-foot-row .button{min-height:38px;margin-left:auto;padding:8px 13px}.rail-foot{border-top:1px solid var(--line);color:var(--ink-2);padding:12px 18px;font-size:.8125rem}.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}.court-tile{background:var(--surface);border:1px solid var(--line);color:inherit;scroll-snap-align:start;border-radius:14px;text-decoration:none;display:grid;overflow:hidden}.court-tile:hover{border-color:#b9c6d9}.court-tile img,.court-tile .placeholder{aspect-ratio:16/10;background:var(--court-tint);object-fit:cover;width:100%;display:block}.court-tile .placeholder{background:linear-gradient(#1d4ed81a 1px, transparent 1px), linear-gradient(90deg, #1d4ed81a 1px, transparent 1px), var(--court-tint);background-size:22px 22px}.court-tile-body{gap:4px;padding:14px 16px 16px;display:grid}.court-tile-body strong{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;font-size:1.125rem}.court-tile-body span{color:var(--ink-2);font-size:.8125rem}.court-tile-body .price{margin-top:6px;font-size:1.25rem}.court-tile-body .price small{color:var(--ink-2);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;margin-left:6px;font-size:.75rem;font-weight:600}.ranking-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding:36px;display:grid}.ranking-panel h2{margin:0 0 12px;font-size:2.25rem}.ranking-panel p{color:var(--ink-2);max-width:44ch;margin:0 0 14px}.ranking-scale{align-self:center;gap:26px;display:grid}.ranking-scale-row{gap:10px;display:grid}.ranking-scale-row>span{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.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}.league-ladder{gap:6px;display:flex}.league-ladder span{background:var(--paper-2);text-align:center;border-radius:8px;flex:1;padding:10px 0;font-size:.75rem;font-weight:800}.league-ladder span:last-child{background:var(--ball);color:var(--ball-ink)}.host-band{background:var(--ink);color:#fff;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{color:#ffffffc7;max-width:56ch;margin:0}@media (max-width:900px){.canvas{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.canvas-hero,.canvas-filters,.rail{width:auto;position:static}.canvas-hero{order:1;max-width:none;padding:28px 16px 18px}.hero-proof{display:none}.canvas-filters{box-shadow:none;border-width:1px 0;border-radius:0;order:2;padding:10px 16px}.canvas-map{order:3;height:min(62dvh,520px);position:relative}.canvas-map .map-locate,.canvas-map .map-locating,.canvas-map .maplibregl-ctrl-bottom-right{right:12px}.canvas-map .map-sheet{bottom:0;left:0}.canvas-scrim{display:none}.rail{box-shadow:none;border-width:1px 0 0;border-radius:0;order:4}.rail-list{max-height:none;overflow:visible}.landing-section{padding:40px 16px 0}.landing-section-head{flex-direction:column;align-items:start;gap:8px}.landing-section-head h2,.ranking-panel h2,.host-band h2{font-size:1.8rem}.ranking-panel{grid-template-columns:1fr;gap:24px;padding:24px 18px}.host-band{border-radius:0;grid-template-columns:1fr;margin-top:40px;padding:32px 16px}}