/* The real game preview and a direct path to a shared court. */
#play-view .home-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:18px 42px;min-height:0;padding:62px 0 26px;align-items:center}
.home-heading{display:block;grid-row:1 / 3}
#play-view .home-intro h1{font-size:clamp(48px,5.25vw,82px);font-weight:600;letter-spacing:-4px;line-height:1.04;margin:0}
#play-view .home-intro .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}
.home-start{margin-top:28px;max-width:410px}
#play-view .home-start .lede{font-size:15px;line-height:1.7;margin:0 0 24px;color:#aab7b4}
.home-start .intro-actions{display:flex;gap:10px;flex-wrap:wrap}
.home-start .primary,.home-start .secondary{min-height:48px;padding:15px 17px;border-radius:8px;font-size:12px;gap:20px}
.home-start .secondary{background:#131d1c;border-color:#30453c}
#play-view .home-start .hero-meta{font-size:8px;letter-spacing:1px;margin:18px 0 0;color:#8da49c;line-height:1.7}
.home-start .premier-teaser{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:23px;padding:15px 0 0;border-top:1px solid #91b8a825;text-align:left;font:11px var(--sans);color:#c1d2c8;min-height:44px}
.premier-teaser small{font:8px var(--mono);color:#92a49c;white-space:nowrap}.premier-teaser:hover{color:#fff}.premier-teaser:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.court-showcase{overflow:hidden;border:1px solid #38534e;border-radius:16px;background:#0e1b23;box-shadow:0 20px 70px #0003;min-width:0;align-self:end}
#play-view .court-showcase .stadium-art{border:0;border-radius:0;height:clamp(350px,34vw,480px);background:#122831}
.court-showcase[data-map=harbour]{border-color:#8e725752}.court-showcase[data-map=rooftop]{border-color:#8184bb52}.court-showcase[data-map=grove]{border-color:#6d926a70}
.court-showcase .preview-label{left:18px;right:18px;top:18px;align-items:center;font-size:8px}
.court-showcase .preview-label>span{background:#0a151cdb;padding:9px 11px;border:1px solid #9dc7c026;border-radius:6px}
.court-showcase .preview-label #preview-score{font-size:13px;letter-spacing:3px;color:#e0f5ec}
.court-showcase .preview-caption{left:18px;right:18px;bottom:16px;font-size:9px;letter-spacing:1px}
.court-showcase .preview-caption>span{display:block;background:#0a151cdb;border-radius:6px;padding:10px 11px}
.court-showcase .preview-motion{background:#0a151ce6;min-height:38px;font-size:9px;border-radius:6px}
.court-picker{display:flex;align-items:flex-start;gap:10px;flex-direction:column;border-top:1px solid #54746a33;padding:16px;background:#101e26}
.court-picker-label{font:7px var(--mono);letter-spacing:1.4px;color:#9cafb7}
.court-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}
.court-options button{display:flex;align-items:center;gap:8px;font-size:10px;min-height:38px;padding:10px 11px;border:1px solid transparent;border-radius:7px;color:#acbcc4;transition:background .16s,border-color .16s,color .16s}
.court-options button:hover{background:#baf4e709;color:#ecfff8}.court-options button[aria-pressed=true]{background:#baf4e70c;border-color:#baf4e744;color:#e7fff8}
.court-dot{display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.court-dot.street{background:#92c99d}.court-dot.harbour{background:#6bd7d5}.court-dot.rooftop{background:#a49ded}.court-dot.grove{background:#d4d18b}
.court-detail{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#9aafb9}
.court-detail p{margin:0;line-height:1.6}.court-detail a{white-space:nowrap;color:#c1ded8;min-height:32px;display:flex;align-items:center;gap:8px}
.home-features{grid-column:1 / -1;display:flex;justify-content:space-between;gap:24px;padding:22px 0 0;margin-top:14px;border-top:1px solid #9bb6b51f;font:9px var(--mono);color:#6d8e83}
.home-features span{display:flex;align-items:center;gap:15px}.home-features b{font:12px var(--sans);font-weight:400;color:#b7c8c0}
.friend-entry{display:grid;grid-template-columns:1.3fr auto 1fr;align-items:center;gap:28px;border:1px solid #3f5847;border-radius:12px;background:linear-gradient(115deg,#152018,#0d1414);padding:25px 28px;margin:4px 0 32px}
.friend-entry-copy{display:flex;align-items:center;gap:18px}.entry-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:1px solid #9acd7440;color:var(--lime);font-size:24px;flex-shrink:0}
.friend-entry .eyebrow{font-size:7px;margin:0 0 10px;color:#a6c199}.friend-entry h2{font-size:23px;letter-spacing:-.8px;line-height:1.2}.friend-entry p:not(.eyebrow){font-size:11px;margin:8px 0 0;color:#a3b4a7}.friend-entry>.secondary{border-radius:7px;white-space:nowrap}
.home-code-form{border-left:1px solid #91b8a82b;padding-left:28px;min-width:0}.home-code-form label{margin:0 0 9px;font-size:10px;color:#a8b9aa}.home-code-form>div{display:flex;gap:0;border:1px solid #42544a;border-radius:7px;overflow:hidden;background:#090f0d}.home-code-form input{min-width:0;border:0;background:transparent;font:11px var(--mono);padding:13px 12px;border-radius:0}.home-code-form button{padding:12px 16px;white-space:nowrap;color:var(--lime);font-size:11px;border-left:1px solid #42544a}
#play-view .arena-selector .section-title{border:0;padding:0 0 22px}#play-view .games{border-radius:12px}#play-view .game-card{background:#101916;padding:24px}#play-view .game-card.rush{background:#10181c}#play-view .friends-card{background:#0e1614;padding:24px}#play-view .game-heading h3{font-size:25px}
.custom-card>p:not(.eyebrow){font-size:11px;color:#9bab9f;line-height:1.7;margin:0 0 18px}.custom-card h3{margin-bottom:12px}.custom-card .custom-status{font-size:9px!important;margin:16px 0 4px!important}.custom-card .secondary{border-radius:6px}
#play-view .lower-grid{gap:38px;margin-top:32px}
@media(min-width:1500px){.court-options{grid-template-columns:repeat(4,1fr)}.court-options button{font-size:9px;padding:9px 7px}}
@media(max-width:1100px){.friend-entry{grid-template-columns:1fr auto;gap:20px}.home-code-form{grid-column:1 / -1;border-left:0;border-top:1px solid #91b8a825;padding:17px 0 0;display:flex;align-items:center;gap:18px}.home-code-form label{margin:0;white-space:nowrap}.home-code-form>div{flex:1}.court-detail{flex-wrap:wrap;gap:0}}
@media(max-width:850px){#play-view .home-intro{grid-template-columns:1fr;gap:24px;padding-top:44px}.home-heading{grid-row:auto;display:flex;align-items:center;gap:28px;justify-content:space-between}.home-start{margin:0;max-width:320px}.intro-copy{min-width:0}#play-view .home-intro h1{font-size:56px;letter-spacing:-3px}.court-detail{grid-column:auto}.court-options{grid-template-columns:repeat(4,1fr)}.court-picker-label{display:none}.home-features{margin-top:0;padding-top:20px}#play-view .court-showcase .stadium-art{height:390px}.friend-entry{margin-top:6px}}
@media(max-width:700px){#play-view .home-intro{padding:48px 0 26px;gap:16px}.home-heading{display:block}.home-start{margin:22px 0 7px;max-width:none}#play-view .home-intro h1{font-size:clamp(48px,10vw,66px);letter-spacing:-3px}#play-view .home-intro .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:19px}#play-view .home-start .lede{font-size:14px;margin-bottom:18px}.home-start .intro-actions{flex-wrap:nowrap}.home-start .primary,.home-start .secondary{flex:1;justify-content:space-between;gap:8px;padding:14px 12px;font-size:11px}.home-start .premier-teaser{margin-top:16px}#play-view .court-showcase .stadium-art{height:clamp(230px,65vw,390px)}.court-showcase{border-radius:12px}.court-showcase .preview-label{left:12px;right:12px;top:12px;font-size:6px;letter-spacing:.5px}.court-showcase .preview-label>span{padding:7px 8px}.court-showcase .preview-label #preview-score{font-size:10px;letter-spacing:2px}.court-showcase .preview-caption{left:12px;right:12px;bottom:10px;font-size:7px;flex-wrap:nowrap}.court-showcase .preview-caption>span{padding:8px}.court-showcase .preview-motion{padding:7px 9px;min-height:36px;font-size:8px}.court-picker{padding:10px}.court-options{grid-template-columns:1fr 1fr;gap:4px}.court-options button{min-height:44px;padding:10px 8px;font-size:10px}.court-detail{font-size:9px;gap:4px}.home-features{gap:12px;padding:18px 0 0}.home-features span{flex:1;gap:9px;font-size:8px}.home-features b{font-size:10px;line-height:1.5}.friend-entry{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px 18px;margin:0 0 30px}.friend-entry-copy{gap:13px}.friend-entry h2{font-size:22px}.friend-entry>.secondary{width:100%;min-height:46px}.home-code-form{display:block;padding:16px 0 0}.home-code-form label{margin:0 0 9px}.home-code-form input{font-size:10px;min-height:46px}.home-code-form button{min-height:46px}#play-view .friends-card.custom-card{display:block}#play-view .game-heading h3{font-size:23px}.custom-card .text-button{min-height:44px}.court-detail a{min-height:44px}}
@media(max-width:440px){.topbar .brand{font-size:18px}.topbar .beta{display:none}.topbar .account{gap:4px}.topbar .wallet{padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.court-options button{transition:none}}