/* Community courts: artwork, clear feature stories, and a direct path to play. */
:root{--bg:#101113;--panel:#191b1d;--text:#f5f1e8;--muted:#b3b3ae;--orange:#ff6335;--line:#353637}
.wrap{width:min(1360px,calc(100% - 112px))}
.header{height:88px}.header nav{gap:28px}.brand small{letter-spacing:2.5px;color:#aaa9a5}
.button{min-height:56px;padding:16px 26px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}
.nav-account{background:#202224;border-color:#404143}.text-link{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{display:none}.home h2{font-size:clamp(44px,4.65vw,72px);line-height:1.01;letter-spacing:-.7px}
.home .eyebrow{font-size:10px;letter-spacing:2px}.home .section{padding-block:112px}.home .hero{min-height:700px;height:min(800px,calc(100svh - 88px));background:#1a1c20}
.home .hero-art{object-position:69% center}.home .hero[data-artwork] .artwork-layer.is-visible{opacity:1}
.home .hero-shade{background:linear-gradient(90deg,#101113 0%,#101113f0 22%,#101113bb 40%,#10111320 66%,#10111300 90%),linear-gradient(0deg,#101113 0%,#10111338 27%,transparent 60%)}
.home .hero-lines{width:750px;height:750px;right:-210px;top:10px;border-color:#fff1;outline-color:#fff1;pointer-events:none}
.home .hero-content{padding-top:85px;padding-bottom:155px}.home h1{font-size:clamp(80px,8.8vw,138px);line-height:.96;letter-spacing:-1.5px}
.home .hero-copy{font-size:18px;line-height:1.65;margin:27px 0 29px;color:#d6d5d0}.home .hero-meta{font-size:9px;letter-spacing:1px;margin-top:23px;color:#a6a8a5}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr auto;border-top:1px solid #ffffff30;gap:36px;align-items:center;padding:23px 0 25px}
.hero-bottom>a{display:flex;flex-direction:column;gap:9px;max-width:325px}.hero-bottom>a>span{font-size:9px;letter-spacing:1.6px;color:#b7b8b4}.hero-bottom strong{font-size:17px;letter-spacing:.5px}.hero-bottom b{float:right;font-weight:400;color:var(--orange)}.hero-bottom>a:hover strong{color:var(--orange)}
.art-controls{display:grid;grid-template-columns:auto 38px;column-gap:20px;align-items:center}.artwork-counter{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#e8e6e0}.artwork-toggle{text-align:left;min-height:32px}.artwork-next{grid-column:2;grid-row:1/3;width:38px;height:38px;border:1px solid #777;background:#15151555;color:var(--text);font-size:22px}.artwork-next:hover{border-color:var(--orange);color:var(--orange)}
.court-strip{border-block:1px solid var(--line);background:#181a1c}.court-strip>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:20px;font-size:10px}.court-strip>.wrap>span{color:#999c99;letter-spacing:1.5px}.court-strip a:last-child{font-weight:700}.court-strip b{color:var(--orange);margin-left:22px}.server-status{font-size:11px}
.feature-section{display:grid;grid-template-columns:1fr 1.12fr;gap:76px;align-items:center}.feature-copy>p:not(.eyebrow){font-size:14px;color:#b4b5b1;line-height:1.8;max-width:480px}.feature-copy>p.lead{font-size:18px;color:var(--text);line-height:1.5;margin:26px 0 16px}.feature-copy h2 em{display:inline-block}.feature-facts{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 15px}.feature-facts span{font-size:9px;letter-spacing:.8px;border:1px solid #494440;padding:6px 9px;color:#d7c9bd}
.tag-showcase{min-width:0;background:radial-gradient(ellipse at 50% 45%,#51362e 0%,#272122 50%,#1b1c1e 80%);border:1px solid #453831;padding:28px 26px 22px;position:relative}
.showcase-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.5px;color:#e7e1d9}.demo-label{color:#b6aaa2}
.lineup{display:flex;gap:10px;align-items:center;min-height:310px;padding:36px 0 30px}.lineup-card{position:relative;padding:0;width:calc((100% - 20px)/3);height:236px;overflow:hidden;border:1px solid #6d625e;color:#fff;background:#333;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}
.lineup-card:first-child{transform:rotate(-6deg) translateY(10px)}.lineup-card:last-child{transform:rotate(6deg) translateY(10px)}.lineup-card.is-active{transform:translateY(-7px) scale(1.04);border:2px solid var(--orange);box-shadow:0 12px 25px #0007;z-index:1}
.lineup-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111 0%,#111b 23%,transparent 68%);z-index:-1}.lineup-card img{width:100%;height:100%;object-fit:cover;object-position:48% center;position:absolute;inset:0;z-index:-2;filter:saturate(.7);transition:filter .3s}.lineup-card.is-active img{filter:saturate(1)}.lineup-card[data-tag-player=inside] img{object-position:34% center}.lineup-card[data-tag-player=wing] img{object-position:38% center}
.lineup-number{position:absolute;top:10px;left:12px;font:26px var(--display);text-shadow:0 2px 8px #000}.lineup-name{position:absolute;bottom:39px;left:13px;right:8px;font:29px var(--display);text-align:left;letter-spacing:.3px}.lineup-name small{display:block;font:7px/1.5 var(--body);letter-spacing:.8px;margin-top:6px}.control-label{position:absolute;bottom:0;left:0;right:0;background:var(--orange);color:#141414;font-size:8px;font-weight:800;letter-spacing:1px;padding:6px;visibility:hidden}.is-active .control-label{visibility:visible}
.tag-explanation{display:flex;gap:17px;align-items:center;border-top:1px solid #574239;padding-top:17px}.tag-explanation>span{color:var(--orange);font-size:31px}.tag-explanation p{font-size:12px;color:#e1d8cf;min-height:42px;margin:0;line-height:1.7}.showcase-footnote{color:#aaa39e;font-size:10px;margin:16px 0 0}
.sync-section{padding:102px 0;background:#e9e4da;color:#202123}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.sync-section .eyebrow{color:#a73917}.sync-section h2 em{color:#b9401b}.sync-section .feature-copy>p{color:#595952}.sync-section .feature-copy>.lead{color:#252726}
.sync-visual{background:#171b1e;color:#f0eee7;padding:28px 30px;box-shadow:16px 16px 0 #d5cdbf;position:relative}.sync-visual-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px}.sync-enabled{color:#b5dabd;font-size:8px;letter-spacing:.7px;border:1px solid #526259;padding:4px 7px}
.ball-flight{height:244px;position:relative;overflow:hidden;margin-top:25px;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:29px 29px}.flight-arc{position:absolute;width:270px;height:220px;border:1px dashed #b9a592;border-radius:50%;top:28px;left:calc(50% - 140px);transform:rotate(15deg)}.sync-ball{width:61px;height:61px;position:absolute;left:calc(50% + 34px);top:30px;border:2px solid #1d1f20;border-radius:50%;background:linear-gradient(35deg,transparent 46%,#482c21 47%,#482c21 50%,transparent 51%),linear-gradient(105deg,transparent 47%,#482c21 48%,#482c21 51%,transparent 52%),radial-gradient(circle at 30% 25%,#ffa66d,#f26430 70%);box-shadow:0 0 50px #ff63352e;transform:rotate(20deg)}.sync-ball:before{content:"";position:absolute;inset:2px 13px;border-inline:2px solid #482c21;border-radius:50%;transform:rotate(50deg)}.flight-target{position:absolute;left:calc(50% + 96px);bottom:23px;width:40px;height:11px;border:1px solid #ff976d;border-radius:50%;box-shadow:0 0 0 7px #ff976d14}.ball-flight>span{position:absolute;bottom:23px;left:8px;font:28px/1.05 var(--display);letter-spacing:.3px}
.sync-timelines{position:relative;padding-top:22px;border-top:1px solid #3d4544;margin-top:10px}.sync-timelines>div:not(.sync-window){display:flex;align-items:center;gap:19px;margin-bottom:23px}.sync-timelines span{font-size:8px;letter-spacing:1px;width:65px;flex-shrink:0;color:#b8c0bb}.sync-timelines i{height:2px;background:#5c726a;flex:1;position:relative}.sync-timelines b{width:8px;height:8px;border:2px solid #bee9bd;background:#171b1e;border-radius:50%;position:absolute;left:67%;top:-3px}.sync-window{position:absolute;left:calc(67% + 27px);width:23px;top:9px;bottom:27px;background:#b8e0af16;border-inline:1px dashed #b9e1b392}.sync-timelines>p{color:#c0d7c0;font-size:8px;text-align:right;letter-spacing:1px;margin:0}.visual-caption{display:block;font-size:7px;letter-spacing:.8px;color:#a1aaa5;margin-top:25px}
.sync-points{list-style:none;padding:0;margin:28px 0}.sync-points li{display:flex;gap:17px;border-top:1px solid #bfbdb4;padding:16px 0 0;margin-top:16px}.sync-points li>span{font:24px var(--display);color:#a8492a}.sync-points strong{font-size:13px}.sync-points p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#64625c}.feature-copy>.feature-caveat{font-size:11px!important;line-height:1.7!important;border-left:2px solid #ae593f;padding-left:14px}
.home .mode-grid{gap:22px}.home .mode{padding:30px 32px;border:1px solid #343333;background:linear-gradient(135deg,#202326,#1b1d1e)}.home .mode.tag{background:linear-gradient(130deg,#302524,#211f22)}.home .mode-description{display:flex;gap:20px;align-items:start;border-top:1px solid #ffffff1c;padding-top:24px}.mode-index{font:26px var(--display);color:#91867d;line-height:1}.home .mode h3{font-size:29px}.home .mode p{font-size:13px;line-height:1.8}.home .mode-top .pill{border-color:#766457}.home .tag-drawing{height:264px}
.channel-options{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-bottom:1px solid var(--line);padding:27px 0}.channel-options>div{display:flex;align-items:start;gap:18px}.channel-options .pill{white-space:nowrap;color:#e0c5b6;border-color:#584a41;margin-top:3px}.channel-options p{font-size:12px;color:var(--muted);margin:0}
.home .identity-section{background:#1a1c1e;color:var(--text);padding:70px 0}.home .identity-image{height:460px;background:#272228}.home .identity-image img{transform:none;object-position:50% center}.home .identity-grid{gap:80px}.home .image-caption{background:#0d0e10d9;padding:20px;font-size:9px;letter-spacing:2px}.home .identity-grid>div>p:not(.eyebrow){color:#b1b3ae;line-height:1.8}.home .feature-list li{border-color:#40413f}.home .feature-list li>span{color:var(--orange)}.home .feature-list p{color:#a7aaa4}
.home .steps{gap:34px}.home .steps article{border-top:2px solid #49423e}.home .step-number{color:var(--orange);font-size:54px}.home .steps h3{font-size:26px}.home .steps p{line-height:1.85}.home .play-note{background:#1b1d1f;border-color:var(--orange);padding:25px 28px}
.home .download-section{background:var(--orange);color:#151718;border:0;padding:82px 0;position:relative;overflow:hidden}.home .download-section:before{content:"";position:absolute;width:740px;height:740px;border:1px solid #15171822;border-radius:50%;right:-200px;top:-350px;pointer-events:none}.home .download-grid{position:relative;grid-template-columns:1.2fr 1fr;gap:100px}.home .download-grid h2{font-size:clamp(70px,7vw,105px);letter-spacing:-1.4px;line-height:.98}.home .download-grid p{color:#3a2119}.home .download-grid .eyebrow{color:#321f17}.home .download-button{background:#111416;color:#fff4e8;border-color:#111416;min-width:310px}.home .download-button:hover{background:#2c2624}.home .download-detail{color:#40261c;font-size:11px}.download-signup{display:inline-flex;align-items:center;min-height:40px;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.home .requirements{background:#ff996340;border:1px solid #642d224a;padding:30px}.home .requirements dl div{border-color:#81351f55;padding:14px 0}.home .requirements dt{color:#512819}.home .requirements dd{color:#251b17;font-weight:600}.home .requirements>p:last-child{color:#512819;line-height:1.8}.home .requirements .eyebrow{margin-bottom:14px}.home .requirements dl{margin:10px 0 20px}
.home .faq{grid-template-columns:1fr 1.3fr;gap:100px;padding-bottom:70px}.home .questions details{padding:24px 0}.home .questions summary{font-size:15px;line-height:1.55;font-weight:500}.home .questions p{font-size:13px;line-height:1.8}.home .status-line{margin-bottom:8px}.closing{position:relative;padding:40px 0 65px;color:#e1ddd4;font:clamp(66px,10vw,146px)/.95 var(--display);letter-spacing:-1.5px}.closing span{color:var(--orange)}.closing b{position:absolute;right:4%;bottom:70px;font:160px/1 var(--body);color:#51483e}.footer{padding-block:35px}.back-top{font-size:9px;letter-spacing:1px}
.account-body{background:radial-gradient(ellipse at 15% 15%,#302421 0%,#101113 60%)}.account-card{background:#1c1e20;box-shadow:12px 12px 0 #ffffff03;border-color:#42413c}.account-card input{background:#111315;border-color:#55524c}.account-art img{opacity:1}.account-artwork{border:1px solid #413c37;margin-top:25px;overflow:hidden}.account-artwork img{margin-top:0}.account-art h1{line-height:1.02}.account-card .secondary:hover{color:#151515}
@media(min-width:1700px){.home .hero-art{object-position:center center}.home .hero-shade{background:linear-gradient(90deg,#101113 0%,#101113eb 24%,#10111380 46%,transparent 75%),linear-gradient(0deg,#101113,transparent 48%)}}
@media(max-width:1120px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px;font-size:12px}.feature-section{gap:35px;grid-template-columns:1fr 1fr}.home .hero-content{padding-top:85px}.home h1{font-size:100px}.home h2{font-size:54px}.tag-showcase{padding:22px 18px}.lineup-card{height:217px}.lineup{min-height:275px;gap:7px}.lineup-name{font-size:24px;left:8px}.lineup-name small{font-size:6px}.sync-grid{gap:50px}.sync-visual{padding:23px}.hero-bottom{gap:25px}.home .download-grid{gap:55px}.home .identity-grid{gap:45px}.channel-options{gap:25px}.channel-options>div{display:block}.channel-options p{margin-top:10px}.home .faq{gap:55px}.home .section{padding-block:88px}}
@media(max-width:850px){.header nav{gap:16px}.header nav>a:not(.nav-account){font-size:11px}.header .brand{font-size:22px}.home h1{font-size:87px}.hero-bottom strong{font-size:14px}.art-controls{column-gap:10px}.hero-bottom>a>span{font-size:8px;letter-spacing:1px}.feature-section{grid-template-columns:1fr;gap:35px}.feature-copy>p:not(.eyebrow){max-width:650px}.feature-section .feature-copy h2{font-size:62px}.tag-showcase{max-width:670px;width:100%;padding:28px 35px}.lineup{min-height:355px}.lineup-card{height:295px}.lineup-name{font-size:36px;left:14px;bottom:46px}.lineup-name small{font-size:9px}.lineup-number{font-size:30px}.control-label{font-size:10px}.sync-grid{grid-template-columns:1fr;gap:42px}.sync-grid>.feature-copy{grid-row:1}.sync-visual{max-width:600px;width:100%;margin:auto}.ball-flight{height:250px}.home .mode{padding:25px}.home .mode-description{gap:12px}.home .mode h3{font-size:25px}.home .download-grid{gap:35px}.home .download-button{min-width:0;font-size:10px;gap:20px}.home .requirements{padding:24px}.home .identity-grid{gap:35px}.home .identity-image{height:490px}.closing b{font-size:100px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:78px}.header .brand{font-size:22px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;color:var(--text);border:1px solid #4e4d48;min-height:40px;padding:7px 13px;font-size:12px}.menu-toggle span{font-size:20px}.home .header nav{display:none;position:absolute;top:77px;left:-20px;right:-20px;background:#17191b;padding:15px 20px 23px;box-shadow:0 14px 24px #0009;align-items:stretch;flex-direction:column;gap:0;z-index:8}.home .header nav.is-open{display:flex}.home .header nav>a:not(.nav-account){display:block;font-size:14px;padding:12px 2px;border-bottom:1px solid #343637}.home .header nav .nav-account{margin-top:12px;min-height:44px;padding:10px 14px}.home .hero{min-height:700px;height:auto}.home .hero-art{object-position:60% center}.home .hero-shade{background:linear-gradient(90deg,#101113ef,#1011139e 64%,#10111350),linear-gradient(0deg,#101113 0%,#10111399 22%,transparent 70%)}.home .hero-content{padding-top:64px;padding-bottom:185px}.home h1{font-size:clamp(64px,13.8vw,94px);letter-spacing:-.5px}.home .hero-copy{font-size:16px;margin-top:27px}.home .hero .actions{gap:12px}.home .hero-meta{font-size:8px;line-height:1.8;max-width:280px;letter-spacing:.6px}.home .eyebrow{font-size:8px;letter-spacing:1.5px;gap:10px}.hero-bottom{grid-template-columns:1fr 1fr;gap:22px 18px;padding-top:20px;padding-bottom:17px}.hero-bottom strong{font-size:12px;letter-spacing:.3px}.hero-bottom>a>span{font-size:7px;letter-spacing:.8px}.hero-bottom>a{gap:8px}.hero-bottom b{float:none;margin-left:5px}.art-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #ffffff16;padding-top:9px}.artwork-counter{margin-right:auto;font-size:9px}.artwork-next{width:32px;height:32px;font-size:19px}.artwork-toggle{font-size:9px}.court-strip>.wrap{min-height:58px;font-size:9px;gap:8px}.court-strip>.wrap>span{display:none}.court-strip .server-status{font-size:10px}.home .section{padding-block:65px}.home h2,.feature-section .feature-copy h2{font-size:46px}.feature-copy>p.lead{font-size:17px}.feature-copy>p:not(.eyebrow){font-size:13px}.feature-facts span{font-size:8px}.tag-showcase{padding:22px 16px}.showcase-heading{font-size:8px;letter-spacing:1px}.lineup{min-height:264px;padding:33px 0 23px;gap:6px}.lineup-card{height:202px;width:calc((100% - 12px)/3)}.lineup-name{font-size:23px;left:9px;bottom:39px}.lineup-name small{font-size:6px;letter-spacing:.35px}.lineup-number{font-size:24px;left:9px}.control-label{font-size:7px;padding:6px 0;letter-spacing:.6px}.tag-explanation p{font-size:11px}.showcase-footnote{font-size:9px}.sync-section{padding:65px 0}.sync-visual{padding:23px 19px;box-shadow:8px 8px 0 #d5cdbf;width:calc(100% - 8px);margin-left:0}.sync-visual-top{letter-spacing:1px;font-size:8px}.sync-enabled{font-size:7px}.ball-flight{height:235px}.ball-flight>span{font-size:25px;left:0}.flight-arc{width:230px;left:calc(50% - 125px)}.sync-ball{left:calc(50% + 22px)}.flight-target{left:calc(50% + 81px)}.sync-points{margin-top:22px}.sync-timelines>div:not(.sync-window){gap:10px}.sync-window{left:calc(67% + 24px)}.sync-timelines>p{font-size:7px}.home .mode{padding:25px 22px}.home .mode h3{font-size:27px}.home .mode-description{gap:17px}.home .tag-drawing{height:242px}.channel-options{grid-template-columns:1fr;gap:22px;padding:26px 0}.channel-options>div{display:block}.channel-options p{font-size:12px;margin-top:10px}.home .identity-section{padding:45px 0 55px}.home .identity-grid{gap:33px}.home .identity-image{height:340px}.home .image-caption{font-size:8px;letter-spacing:1px;padding:17px}.home .steps{gap:29px}.home .step-number{font-size:40px;margin-bottom:0}.home .steps h3{font-size:24px}.home .play-note{padding:20px}.home .download-section{padding:58px 0}.home .download-grid{gap:32px}.home .download-grid h2{font-size:74px}.home .download-button{min-width:285px;font-size:11px}.home .download-grid p{font-size:13px}.home .download-detail{font-size:10px!important}.home .requirements{padding:23px}.home .requirements>p:last-child{font-size:11px}.home .faq{grid-template-columns:1fr;gap:27px;padding-bottom:35px}.home .faq h2 br{display:none}.home .questions details{padding:21px 0}.home .questions summary{font-size:14px}.closing{font-size:clamp(54px,13vw,90px);padding:30px 0 45px;letter-spacing:-.5px}.closing b{font-size:70px;right:0;bottom:40px}.footer{gap:25px}.footer .back-top{font-size:8px}.account-artwork{display:none}.account-card{box-shadow:none}.account-body .header nav{font-size:11px}.account-layout{gap:27px}.account-art h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.lineup-card,.lineup-card img,.button{transition:none}.button:hover{transform:none}}