/* Opening experience. Scoped so the playable court and broadcast HUD keep their framing. */
.mode-menu{--menu-ink:#f4f2e9;--menu-dim:#b3bfbc;--menu-lime:#dbf77b;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;border:0;border-radius:0;padding:34px 5vw 24px;overflow:auto;background:linear-gradient(90deg,#071a23f7 0%,#071a23ed 33%,#071a2390 67%,#071a2340 100%),linear-gradient(0deg,#071a23f0,transparent 65%);backdrop-filter:none;box-shadow:none;color:var(--menu-ink);display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:#7b918b #0b2029}
.mode-menu [hidden],.match-intro[hidden]{display:none!important}.mode-menu [inert]{pointer-events:none}
.menu-masthead{display:flex;align-items:center;gap:26px;min-height:31px;flex-shrink:0}.menu-wordmark{font-size:27px;font-weight:850;letter-spacing:-.07em;color:var(--menu-ink);text-decoration:none}.menu-wordmark span{color:var(--menu-lime)}.menu-wordmark i{font-style:normal;font-size:10px;vertical-align:top;margin:3px 0 0 4px;display:inline-block;letter-spacing:0}.menu-edition{font-size:9px;letter-spacing:.2em;color:#b7c7c8;border-left:1px solid #ffffff36;padding-left:25px}
.menu-location{position:absolute;top:37px;right:5vw;display:grid;grid-template-columns:7px auto;column-gap:9px;row-gap:6px;padding:10px 15px;background:#071a23a8;border:1px solid #ffffff24;border-radius:3px}.menu-location b{font-size:11px;font-weight:500}.menu-location small{grid-column:2;font-size:7px;letter-spacing:.18em;color:#a9bebe}.location-dot{width:6px;height:6px;background:#dbf77b;border-radius:100%;margin-top:4px}
.menu-home{display:flex;flex:1;flex-direction:column;gap:28px;justify-content:center}.home-hero{padding-top:20px}.menu-kicker{margin:0 0 16px;color:#dbf77b;font-size:9px;font-weight:650;letter-spacing:.19em;line-height:1.5}.mode-menu h1{margin:0;font-size:clamp(64px,7.5vw,108px);line-height:.92;letter-spacing:-.065em;font-weight:800;color:#f4f2e9}.mode-menu h1 em{color:#dbf77b;font-style:normal}.home-tagline{font-size:14px;line-height:1.65;color:#c3ceca;margin:22px 0 0}.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.mode-choice{position:relative;display:flex;flex-direction:column;min-height:214px;padding:22px 24px 17px;border:1px solid #e5f0e936;border-radius:5px;background:#0c252dea;color:#f4f2e9;text-align:left;transition:transform .2s,background .2s,border-color .2s;overflow:hidden}.mode-choice.featured{background:#def480;color:#122a2c;border-color:#def480}.mode-choice:hover,.mode-choice:focus-visible{transform:translateY(-5px);border-color:#dbf77b;background:#1a3940}.mode-choice.featured:hover,.mode-choice.featured:focus-visible{background:#e7fc9b}.mode-choice:active{transform:translateY(-1px)}.mode-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.mode-number{font-size:8px;letter-spacing:.14em;font-weight:650;color:#b3c4c3}.featured .mode-number{color:#365249}.mode-symbol{width:29px;height:29px;font-size:29px;font-weight:350;line-height:1;color:#dbf77b}.featured .mode-symbol{color:#193a34}.mode-choice strong{font-size:clamp(20px,2vw,28px);font-weight:800;letter-spacing:-.035em;white-space:nowrap}.mode-description{font-size:11px;line-height:1.65;margin-top:10px;color:#b9cbc7}.featured .mode-description{color:#365249}.mode-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:19px;font-size:7px;font-weight:650;letter-spacing:.13em;color:#c9d7cf}.featured .mode-bottom{color:#294840}.mode-bottom b{font-size:22px;line-height:1;font-weight:400}
.menu-footer{display:flex;align-items:center;gap:32px;min-height:30px;flex-shrink:0;border-top:1px solid #ffffff24;padding-top:17px;font-size:8px;color:#9db5b2;letter-spacing:.13em;padding-right:70px}.menu-footer-signature{margin-left:auto}.text-button{min-height:32px;padding:4px 0;border:0;border-radius:0;background:none;color:#f4f2e9;font-size:11px;font-weight:550;line-height:1.6;cursor:pointer}.text-button:hover{color:#dbf77b}.text-button span{margin-left:15px}
.menu-setup{flex:1;display:flex;flex-direction:column;gap:28px;padding-top:18px}.setup-navigation{display:flex;align-items:center;gap:28px;font-size:7px;letter-spacing:.1em;color:#8ca5a6}.setup-navigation>span{border-left:1px solid #ffffff2a;padding-left:25px}.setup-navigation b{font-weight:600}.setup-navigation i{font-style:normal;margin:0 11px}.current-step{color:#dbf77b}.setup-content{max-width:550px;width:100%;padding:0 0 10px}.mode-menu h2{margin:0;color:#f4f2e9;font-size:clamp(31px,3.8vw,50px);line-height:1;letter-spacing:-.045em;font-weight:750}.setup-description{max-width:480px;color:#bdcdca;font-size:12px;line-height:1.65;margin:14px 0 24px}.setup-field{margin-top:20px}.mode-menu .option-label{color:#afc3bf;font-size:8px;letter-spacing:.13em;margin-bottom:10px}.mode-menu .difficulty{gap:9px}.mode-menu .difficulty-btn{padding:14px 13px;gap:7px;background:#112f38c9;border-color:#d7e7dc2a;border-radius:4px;color:#f4f2e9}.mode-menu .difficulty-btn span{font-size:14px}.mode-menu .difficulty-btn small{font-size:9px;color:#a8c0b9}.mode-menu .difficulty-btn.active{border-color:#dbf77b;background:#d9f67b14}.mode-menu .difficulty-btn.active span{color:#dbf77b}.mode-menu .venue-picker{gap:9px}.mode-menu .venue-btn{position:relative;grid-template-columns:1fr;gap:4px;border-color:#d7e7dc2a;background:#112b34dc;border-radius:4px;padding:10px 10px 11px;color:#f4f2e9;overflow:hidden}.mode-menu .venue-btn span,.mode-menu .venue-btn small{grid-column:1}.mode-menu .venue-btn span{font-size:12px;margin-top:5px}.mode-menu .venue-btn small{color:#a8c0b9;font-size:8px}.mode-menu .venue-btn.active{border-color:#dbf77b;background:#19363d}.mode-menu .venue-btn.active::after{content:'✓';position:absolute;right:8px;bottom:13px;color:#dbf77b;font-size:13px}.mode-menu .venue-swatch{position:relative;grid-row:auto;width:100%;height:49px;border-radius:1px;border:8px solid #1e5270;background:linear-gradient(0deg,transparent 48%,#e5f2e8bd 48% 51%,transparent 51%),linear-gradient(90deg,transparent 49%,#e5f2e8a8 49% 51%,transparent 51%),#267ea8;box-shadow:inset 0 0 0 1px #e5f2e8bd}.mode-menu .grass-swatch{border-color:#365342;background-color:#528563}.mode-menu .clay-swatch{border-color:#843f30;background-color:#bd7253}.mode-menu .venue-swatch::before{content:'';position:absolute;left:12%;right:12%;top:0;bottom:0;border-left:1px solid #e5f2e8bd;border-right:1px solid #e5f2e8bd}.mode-menu .primary-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;margin-top:25px;border:1px solid #dbf77b;border-radius:4px;background:#dbf77b;color:#152c2d;font-size:12px;font-weight:750;letter-spacing:.08em;box-shadow:none}.mode-menu .primary-btn:hover{background:#e8ffa0}.mode-menu .primary-btn b{font-size:21px}.mode-menu .match-format{font-size:9px;color:#a7beba;line-height:1.6;margin:10px 0 0;text-align:center}.mode-menu .online-entry{border:0;padding:0;margin:20px 0 0;gap:10px}.mode-menu .online-entry label{font-size:9px;letter-spacing:.13em;color:#afc3bf}.mode-menu .online-entry input{border-radius:4px;background:#0c2630;border:1px solid #6d8688;color:#f4f2e9;font-size:14px;padding:13px}.mode-menu .online-entry-actions{gap:10px;flex-wrap:nowrap}.mode-menu .online-entry-actions button{margin:0;min-width:0;white-space:nowrap;justify-content:center;font-size:10px;letter-spacing:.025em}.mode-menu .secondary-btn{border-radius:4px;color:#e1eee5;background:#14323a;border:1px solid #8ca29a80;font-size:11px;padding:15px}.mode-menu .online-entry small{font-size:9px;line-height:1.6;opacity:1;color:#a7beba}
.tournament-path{padding:22px 20px;background:#112d35db;border:1px solid #ffffff2d;border-radius:4px;margin:25px 0}.cup-route{display:flex;justify-content:space-between;align-items:center;gap:10px}.cup-route>span{font-size:10px;font-weight:650;letter-spacing:.04em}.cup-route b{display:block;font-size:26px;letter-spacing:-.04em;color:#dbf77b;margin-bottom:13px}.cup-route small{display:block;margin-top:6px;color:#adc2bc;font-size:9px;font-weight:400;letter-spacing:0}.cup-route>i{font-style:normal;color:#6e9692}.tournament-path p{border-top:1px solid #ffffff22;padding-top:17px;margin:20px 0 0;color:#b5c9c3;font-size:10px;line-height:1.6}
.how-to-play{position:fixed;z-index:50;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;padding:34px;background:#0e2831;color:#f4f2e9;border:1px solid #54706b;border-radius:7px;box-shadow:0 0 0 100vmax #03121cd9}.how-to-play>button{display:block;margin:0 0 26px auto}.how-to-play h2{font-size:33px}.mode-menu .controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;padding-top:0;border:0}.mode-menu .controls-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.mode-menu .controls-grid kbd{font:650 9px/1.5 inherit;font-family:inherit;font-size:9px;padding:5px 8px;border:1px solid #6b8c81;background:#24423e;border-radius:3px;color:#dcf59b;white-space:normal}.mode-menu .controls-grid span{font-size:11px;line-height:1.6;color:#c3d3cc}.touch-help,.controls-rule{font-size:10px;color:#b0c8bf;line-height:1.7;margin:24px 0 0}.controls-rule{border-top:1px solid #ffffff25;padding-top:16px;color:#dfebb9}
.match-intro{position:absolute;inset:0;z-index:8;background:linear-gradient(90deg,#081e29e8,#09232cc9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 5vw;color:#f4f2e9}.intro-topline{position:absolute;left:5vw;right:5vw;top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.intro-topline>span{font-size:9px;letter-spacing:.16em;color:#bccdc9}.intro-main{text-align:center;width:min(650px,100%);animation:arrive .5s ease-out}.intro-main h2{font-size:clamp(52px,9vw,118px);letter-spacing:-.065em;margin:0;color:#e7f5c0;font-weight:800}.intro-main .menu-kicker{font-size:11px;margin-bottom:24px}.intro-main #intro-surface{font-size:10px;letter-spacing:.2em;color:#c6d7d0;margin:22px 0 35px}.intro-versus{display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;padding:23px 12px;font-size:23px;font-weight:650;letter-spacing:-.02em}.intro-versus>span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-versus i{font-size:11px;font-style:normal;font-weight:400;color:#9cb6b0}.intro-main #intro-stakes{font-size:12px;color:#bbcfc7;margin:25px 0}.intro-progress{width:140px;height:2px;background:#ffffff24;margin:28px auto 19px}.intro-progress span{display:block;width:100%;height:100%;background:#dbf77b;transform-origin:left;transform:scaleX(0)}.intro-tip{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;color:#b4c8c2;font-size:8px;letter-spacing:.12em}.intro-tip span{display:block;margin-top:8px;font-size:9px;letter-spacing:0;color:#819f98}.mode-menu~.sound-btn,.mode-menu~.fullscreen-btn{z-index:6}.game-shell[data-mode=menu] .sound-btn{top:auto;bottom:23px;right:22px}.game-shell[data-mode=menu] .fullscreen-btn{top:auto;bottom:23px;right:64px}.game-shell:has(.match-intro:not([hidden])) .touch-controls{display:none!important}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.mode-menu{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2))}.mode-choice{min-height:230px;padding:25px 28px}.mode-picker{gap:20px}.menu-home{gap:34px}}
@media(max-height:740px) and (min-width:761px){.mode-menu{padding-top:24px;gap:18px}.home-hero{padding-top:8px}.mode-menu h1{font-size:68px}.home-tagline{font-size:12px;margin-top:15px}.mode-choice{min-height:184px;padding:16px 20px 13px}.mode-top{margin-bottom:10px}.mode-bottom{padding-top:12px}.menu-home{gap:16px}.mode-menu .menu-setup{padding-top:3px;gap:19px}.setup-description{margin-bottom:18px}.setup-field{margin-top:14px}.mode-menu .primary-btn{margin-top:19px}.mode-menu .online-entry-actions .primary-btn{margin-top:0}.mode-menu .venue-swatch{height:39px}}
@media(max-width:760px){.mode-menu{inset:0;width:100%;height:100%;max-height:100%;padding:24px 22px 18px;gap:20px;background:linear-gradient(90deg,#071a23eb,#071a23b0),linear-gradient(0deg,#071a23,transparent)}.menu-edition{font-size:7px;letter-spacing:.12em;padding-left:17px}.menu-masthead{gap:18px}.menu-wordmark{font-size:24px}.menu-location{display:none}.menu-home{gap:22px;justify-content:flex-start}.home-hero{padding-top:7px}.mode-menu h1{font-size:clamp(52px,11vw,78px)}.menu-kicker{font-size:7px;letter-spacing:.16em;margin-bottom:13px}.home-tagline{font-size:11px;margin-top:17px;line-height:1.6}.home-tagline br{display:none}.mode-picker{grid-template-columns:1fr;gap:10px;margin:0}.mode-choice{min-height:123px;padding:14px 17px;display:grid;grid-template-columns:1fr 25px;gap:7px 8px}.mode-top{display:contents}.mode-number{grid-row:1;grid-column:1;font-size:7px}.mode-symbol{grid-column:2;grid-row:1/4;width:25px;height:25px;align-self:center;font-size:26px}.mode-choice strong{grid-column:1;grid-row:2;font-size:22px}.mode-description{grid-column:1;grid-row:3;font-size:10px;margin:0;line-height:1.5}.mode-description br{display:none}.mode-bottom{display:none}.mode-choice:hover,.mode-choice:focus-visible{transform:translateY(-2px)}.menu-footer{gap:20px;padding-top:14px;padding-right:0;min-height:36px}.menu-footer>span{font-size:6px;letter-spacing:.08em}.menu-footer-signature{display:none}.menu-footer .text-button{font-size:10px}.game-shell[data-mode=menu] .sound-btn,.game-shell[data-mode=menu] .fullscreen-btn{display:none}.menu-setup{padding-top:0;gap:25px}.setup-navigation{gap:16px}.setup-navigation>span{padding-left:15px;font-size:6px}.setup-navigation i{margin:0 6px}.mode-menu h2{font-size:35px}.setup-description{font-size:11px;margin:15px 0 22px}.setup-field{margin-top:22px}.mode-menu .difficulty-btn{padding:13px 10px}.mode-menu .difficulty-btn small{font-size:8px}.mode-menu .venue-btn{padding:8px}.mode-menu .venue-btn span{font-size:11px}.mode-menu .venue-swatch{height:45px;border-width:6px}.mode-menu .primary-btn{padding:18px 16px}.mode-menu .match-format{font-size:8px}.mode-menu .online-entry-actions{flex-direction:column}.mode-menu .online-entry-actions button{padding:17px;font-size:11px}.tournament-path{padding:20px 14px}.cup-route{gap:7px}.cup-route>span{font-size:8px}.cup-route small{font-size:8px}.cup-route b{font-size:24px}.how-to-play{padding:25px}.how-to-play h2{font-size:28px}.mode-menu .controls-grid{gap:18px 15px}.mode-menu .controls-grid span{font-size:10px}.intro-topline{top:23px}.intro-topline>span{font-size:6px;letter-spacing:.07em}.intro-topline .text-button{font-size:10px}.intro-versus{gap:18px;font-size:18px}.intro-main #intro-surface{font-size:8px}.intro-main .menu-kicker{font-size:9px}.intro-main #intro-stakes{font-size:11px}.intro-tip{font-size:7px}}
@media(max-width:360px){.mode-menu{padding:20px 16px 16px;gap:18px}.menu-edition{font-size:6px}.mode-menu h1{font-size:51px}.home-tagline{margin-top:13px;font-size:10px}.menu-home{gap:18px}.mode-choice{min-height:112px;padding:12px 14px}.mode-choice strong{font-size:21px}.mode-description{font-size:9px}.menu-footer{gap:16px}.mode-menu h2{font-size:30px}.mode-menu .difficulty-btn small{font-size:7px}.cup-route>span{font-size:7px}}
@media(max-height:480px) and (min-width:500px){.mode-menu{padding:18px 24px 16px;gap:15px}.menu-masthead{min-height:26px}.menu-wordmark{font-size:23px}.menu-location{top:15px;right:24px;padding:7px 12px}.menu-location small{display:none}.menu-home{gap:14px;flex-direction:row;align-items:center;padding:8px 0}.home-hero{width:26%;flex-shrink:0;padding:0}.mode-menu h1{font-size:clamp(32px,5vw,48px)}.home-tagline{font-size:9px;line-height:1.5;margin-top:14px}.home-tagline br{display:none}.menu-kicker{font-size:6px;margin-bottom:12px}.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1;align-self:stretch;align-items:center}.mode-choice{display:flex;min-height:173px;padding:12px 11px;gap:0}.mode-top{display:flex;margin-bottom:14px}.mode-symbol{width:22px;height:22px;font-size:23px}.mode-number{font-size:5px;letter-spacing:.07em}.mode-choice strong{font-size:clamp(12px,1.9vw,18px)}.mode-description{font-size:8px;margin-top:9px;line-height:1.5}.mode-bottom{display:flex;font-size:5px;letter-spacing:.05em;padding-top:14px}.mode-bottom b{font-size:17px}.menu-footer{padding-top:9px;min-height:26px;font-size:6px}.menu-footer .text-button{font-size:9px}.menu-footer>span{font-size:6px}.game-shell[data-mode=menu] .sound-btn,.game-shell[data-mode=menu] .fullscreen-btn{display:none}.menu-setup{padding:0}.setup-content{max-width:550px}.setup-navigation{margin-bottom:2px}.mode-menu h2{font-size:31px}.setup-description{margin:12px 0 15px}.menu-setup .menu-kicker{font-size:8px}.menu-setup .setup-field{margin-top:16px}.intro-topline{top:14px}.intro-main{padding-top:16px}.intro-main h2{font-size:54px}.intro-main .menu-kicker{margin-bottom:9px;font-size:8px}.intro-main #intro-surface{margin:12px 0 16px;font-size:8px}.intro-versus{padding:13px;font-size:18px}.intro-main #intro-stakes{margin:14px 0;font-size:10px}.intro-progress{margin:14px auto 8px}.intro-tip{bottom:8px;font-size:6px}.intro-tip span{display:none}.intro-topline>span{font-size:7px}.intro-topline .text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mode-menu *,.match-intro *{animation:none!important;transition:none!important}.mode-choice:hover,.mode-choice:focus-visible{transform:none}}

/* Player selection integrates into setup as an optional compact row. */
.mode-menu #roster-entry{margin:18px 0 0;padding:12px 0 0}.mode-menu .roster-entry-heading{font-size:8px;color:#afc3bf;letter-spacing:.12em}.mode-menu .roster-entry-buttons button{padding:10px 12px;border-radius:4px;background:#112d35ce;border-color:#8ca29a55;grid-template-columns:1fr auto;gap:4px}.mode-menu .roster-entry-buttons small{font-size:8px;grid-column:1}.mode-menu .roster-entry-buttons strong{font-size:13px;grid-column:1}.mode-menu .roster-entry-buttons button>span{grid-column:2;grid-row:1/3;align-self:center;font-size:9px;color:#d9efac}.mode-menu[data-selected-mode=online] #choose-opponent{display:none}.mode-menu[data-selected-mode=online] .roster-entry-buttons{grid-template-columns:1fr}
.online-panel{background:#102a34;color:#d6e5de;border-color:#718e8760;border-radius:7px;box-shadow:0 20px 90px #03131bb5}.online-panel h2{color:#f1f4e9}.online-panel .eyebrow{color:#d5ef8a}.online-panel .secondary-btn{background:#193c43;border-color:#78918866;color:#d7e9da;border-radius:4px}.online-panel .primary-btn{background:#dbf77b;color:#193333;border-radius:4px}.online-panel input:not([type=checkbox]){background:#e6eedc;color:#17302b;border-radius:4px}.online-connection{background:#142d36ed;color:#d9e6dc;border:1px solid #ffffff20}

.mode-menu .player-entry{max-width:430px;margin:22px 0 0}.mode-menu .player-entry label{font-size:11px;color:#d9e6dc}.mode-menu .player-entry input{border-radius:4px;padding:12px;background:#e6eedc}.mode-menu .player-entry small{color:#afc3bf}

.intro-versus>span{min-width:0;flex:1;overflow-wrap:anywhere}

/* Five knockout stages fit the existing setup without changing other modes. */
.knockout-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.knockout-route>span{font-size:8px;min-width:0}.knockout-route small{font-size:8px}.knockout-route b{margin-bottom:9px}
#tournament-draw-result[hidden]{display:none!important}
@media(max-width:600px){.knockout-route{gap:7px}.knockout-route>span{font-size:6px;letter-spacing:0}.knockout-route small{font-size:7px}.knockout-route b{font-size:23px}.mode-menu[data-selected-mode=tournament] .tournament-path{padding:17px 12px}}

.home-tagline{max-width:620px}.mode-bottom{justify-content:flex-end}

/* Destination selection stays alongside the players on wider screens. */
.mode-menu[data-selected-mode=single] .setup-content{max-width:920px}
.mode-menu[data-selected-mode=single] .setup-options{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:30px;align-items:start}
.mode-menu[data-selected-mode=single] .setup-description{max-width:640px}
.setup-personalize,.mode-menu .venue-block{min-width:0}
.mode-menu[data-selected-mode=single] #roster-entry{margin-top:20px}
.mode-menu[data-selected-mode=single] #local-start{max-width:360px}
.mode-menu[data-selected-mode=practice] .setup-content{max-width:780px}.mode-menu[data-selected-mode=practice] .setup-options{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.mode-menu[data-selected-mode=practice] #local-start{max-width:360px}
.court-group-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.12em;line-height:1.5;color:#d8e5d8;margin:13px 0 8px;font-weight:650}
.court-group-label span{font-size:7px;letter-spacing:0;color:#a7beba;font-weight:400}
.destination-arenas{margin-top:17px}
.mode-menu .venue-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-menu .venue-btn{min-width:0;transition:border-color .18s,background .18s}
.mode-menu .venue-btn>span,.mode-menu .venue-btn>small{padding-right:12px;line-height:1.4}
.mode-menu .venue-btn>small{text-transform:none}
.mode-menu .venue-btn:hover{border-color:#b9ce96;background:#1a3940}
.mode-menu .venue-btn:focus-visible{outline:2px solid #dbf77b;outline-offset:3px}
.mode-menu .venue-btn.active::after{right:7px;bottom:10px;font-size:11px}
.arena-note{margin:11px 0 0;padding-left:10px;border-left:2px solid #9ab5a357;color:#a7beba;font-size:9px;line-height:1.55}
.mode-menu .destination-picker{gap:10px}
.mode-menu .destination-card{padding:0 0 12px;gap:0;border-color:#9baea636;background:#0e2932;transition:border-color .18s,background .18s,box-shadow .18s}
.mode-menu .destination-card .arena-art{display:block;grid-column:1;width:100%;height:92px;overflow:hidden;border-bottom:1px solid #ffffff12;transition:filter .18s;filter:saturate(.86)}
.mode-menu .destination-card>span{padding:0 12px;margin:11px 0 0;font-size:12px;font-weight:650;letter-spacing:-.02em;line-height:1.4}
.mode-menu .destination-card>small{padding:0 12px;margin-top:3px;font-size:8px;line-height:1.4;color:#9eb7b1}
.mode-menu .destination-card::before{content:'';position:absolute;top:9px;right:9px;width:16px;height:16px;z-index:1;border:1px solid #f4f2e98c;border-radius:50%;background:#0c252d66;box-shadow:0 1px 4px #0b21292e}
.mode-menu .destination-card.active{background:#19383c;border-color:#dbf77b;box-shadow:0 0 0 1px #dbf77b18}
.mode-menu .destination-card.active::before{background:#dbf77b;border-color:#dbf77b}
.mode-menu .destination-card.active::after{content:'✓';top:11px;right:12px;bottom:auto;z-index:2;font-size:11px;font-weight:800;line-height:13px;color:#17352e}
.mode-menu .destination-card.active>span{color:#e3f5b4}
.mode-menu .destination-card:hover .arena-art,.mode-menu .destination-card.active .arena-art{filter:saturate(1)}
.mode-menu .destination-card:hover{background:#19383c;box-shadow:0 4px 16px #06191d36}
.match-intro[data-destination=true] .intro-main h2{font-size:clamp(40px,7.2vw,88px);line-height:1.02;overflow-wrap:normal}
.intro-main #intro-surface{line-height:1.6}
.intro-main #intro-stakes{line-height:1.6}
@media(max-width:900px){.mode-menu[data-selected-mode=single] .setup-options{grid-template-columns:1fr;gap:0}.mode-menu[data-selected-mode=single] .setup-content{max-width:550px}.mode-menu[data-selected-mode=single] #local-start{max-width:none}}
@media(max-width:900px){.mode-menu[data-selected-mode=practice] .setup-options{grid-template-columns:1fr;gap:0}.mode-menu[data-selected-mode=practice] .setup-content{max-width:550px}.mode-menu[data-selected-mode=practice] #local-start{max-width:none}}
@media(max-width:430px){
  .mode-menu .destination-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mode-menu .destination-card .arena-art{height:67px}
  .mode-menu .destination-card>span{padding:0 8px;font-size:clamp(9px,2.7vw,11px);margin-top:9px;white-space:nowrap}
  .mode-menu .destination-card>small{padding:0 8px;font-size:8px}
  .mode-menu .destination-card::before{top:7px;right:7px;width:14px;height:14px}
  .mode-menu .destination-card.active::after{top:8px;right:9px}
  .court-group-label{font-size:7px;letter-spacing:.08em}
}
@media(max-height:740px) and (min-width:901px){.mode-menu .destination-card .arena-art{height:76px}.mode-menu .destination-card>span{margin-top:9px}.destination-arenas{margin-top:15px}}
@media(max-width:360px){.mode-menu .destination-card .arena-art{height:60px}.mode-menu .destination-card>small{font-size:7px}.mode-menu .destination-picker{gap:7px}}