:root{--ink:#171916;--black:#10120f;--ivory:#eee9da;--gold:#c3a66e;--muted:#a7a89d;--red:#7b2d31;--line:rgba(195,166,110,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}button{color:inherit}p{line-height:1.8}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(36px,4.5vw,62px);line-height:1.07;letter-spacing:-2px}h2 em{font-weight:400;color:var(--gold)}.wrap{max-width:1440px;width:86%;margin:0 auto}.section{padding-top:104px;padding-bottom:104px}.eyebrow{font-size:10px;letter-spacing:2.4px;line-height:1.6;font-weight:600;color:var(--gold)}.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--gold);color:var(--black);z-index:20;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:17px;letter-spacing:1px;white-space:nowrap}.brand i{font-size:14px;color:var(--gold)}.brand svg,.final-banner svg{width:35px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.5}.header nav{display:flex;gap:32px}.header nav a,.nav-cta{font-size:11px;letter-spacing:.7px}.header nav a{color:#b7b8ad}.header a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--line);padding:13px 18px}.nav-cta span{margin-left:25px;color:var(--gold)}.hero{min-height:700px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-scene{position:absolute;inset:0 0 0 27%;z-index:-1}.hero-scene img{height:100%;width:100%;object-fit:cover;object-position:55% 48%;filter:brightness(.8)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171916 3%,rgba(23,25,22,.95) 20%,rgba(23,25,22,.58) 43%,rgba(23,25,22,.05) 78%),linear-gradient(0deg,#171916,transparent 30%);z-index:-1}.hero-content{padding-top:40px;padding-bottom:94px}.diamond{margin-right:12px;font-size:9px}.hero h1{font-size:clamp(64px,8.2vw,126px);letter-spacing:-4px;line-height:.87;margin:31px 0 27px;max-width:670px}.hero .amp{font-style:italic;color:var(--gold);font-size:.78em}.hero-line{font-family:Georgia,serif;font-size:24px;color:#ded8c9}.hero-description{font-size:13px;line-height:1.9;color:#adb0a5;margin-top:20px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;font-size:10px;letter-spacing:1.5px;font-weight:bold;padding:18px 24px;border:1px solid var(--gold)}.gold{background:var(--gold);color:#191b17}.gold:hover{background:#ddc48f;border-color:#ddc48f}.button span{font-size:17px;font-weight:400}.text-button{background:none;border:0;padding:12px 0;font-size:9px;letter-spacing:1.3px;color:var(--ivory);display:flex;gap:10px;align-items:center}.text-button:hover{color:var(--gold)}.play-icon{border:1px solid #686b5c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:16px}.development{font-size:8px;letter-spacing:1.5px;color:#8e9386;margin-top:25px}.development span{color:var(--gold);margin:0 9px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:29px;left:7%;font-size:8px;letter-spacing:1.6px;color:#8e9386}.hero-bottom a{color:var(--ivory)}.hero-bottom a span{color:var(--gold);font-size:16px;margin-left:18px}.game-strip{background:#11130f;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0}.game-strip>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.7px;color:#cccdbe}.game-strip i{font-size:12px;color:var(--gold);font-style:normal}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.intro h2,.section-heading h2,.capture-heading h2,.play-layout h2,.faq h2{margin-top:25px}.intro-copy{font-size:14px;color:#b3b6a8}.intro-copy p+p{margin-top:20px}.underline{display:inline-flex;justify-content:space-between;gap:40px;border-bottom:1px solid var(--gold);padding-bottom:9px;font-size:11px;letter-spacing:.2px;color:var(--ivory);margin-top:28px}.underline:hover{color:var(--gold)}.courts{background:var(--ivory);color:var(--ink)}.courts .eyebrow{color:#806234}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:45px}.section-heading>p{max-width:350px;font-size:13px;color:var(--muted)}.courts .section-heading>p{color:#6e7166}.courts h2 em{color:#92703e}.court-switch{display:flex;gap:30px;border-bottom:1px solid #cbc7b6;margin-bottom:34px}.court-switch button{background:none;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:9px;padding:0 0 16px;font-size:10px;letter-spacing:1px;color:#717467}.court-switch button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink)}.court-dot{width:8px;height:8px;transform:rotate(45deg)}.sapphire{background:#334d72}.garnet{background:#803639}.court-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.portrait{min-width:0;position:relative;background:#c9c5b5}.portrait img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.portrait figcaption{display:flex;justify-content:space-between;gap:10px;padding:14px 15px;color:#4f5147;font-size:7px;letter-spacing:1.1px;background:#ddd8c8}.rank-content{min-width:0}.rank-tabs{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:40px}.rank-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:0 0 7px;color:#76796c;font-family:Georgia,serif;font-size:16px}.rank-tabs button[aria-selected=true]{color:var(--ink);border-color:#816638}.rank-number{font-size:9px}.rank-content h3{font-size:49px;margin-top:13px;letter-spacing:-1.5px}.rank-motto{font-family:Georgia,serif;font-style:italic;font-size:19px;color:#7d6847;margin-top:10px}.rank-content #rank-description{font-size:13px;color:#676b5e;margin-top:22px;max-width:440px}.rank-detail{margin:25px 0}.rank-detail>div{padding:16px 0;border-top:1px solid #cbc7b6}.rank-detail dt{font-size:8px;letter-spacing:1.7px;color:#846c48;margin-bottom:8px}.rank-detail dd{font-size:12px;margin:0;color:#4f5448;line-height:1.6}.small-note{font-size:10px;color:#8b8f7f;line-height:1.8}.courts .small-note{color:#777b6b}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.capture-heading>p:not(.eyebrow){margin-top:28px;font-size:13px;color:#b0b4a4;max-width:440px}.capture-facts{margin-top:28px}.capture-facts p{border-top:1px solid var(--line);padding:17px 0;font-size:11px;line-height:1.8;color:#b7baa9;display:flex;gap:22px}.capture-facts span{font-size:9px;color:var(--gold);padding-top:2px}.mode-panel{padding:37px 35px;border:1px solid var(--line);background:radial-gradient(ellipse at 100% 0,rgba(195,166,110,.05),transparent 70%)}.mode-panel>.eyebrow{font-size:8px;letter-spacing:1.7px}.mode-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:25px}.mode-tabs button{font-size:13px;background:none;border:0;border-bottom:1px solid transparent;padding:0 0 12px;color:var(--muted)}.mode-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.mode-symbol{display:block;font-size:65px;color:var(--gold);text-align:center;margin:30px 0 20px;font-family:Georgia,serif}.mode-panel h3{font-size:26px;line-height:1.2}.mode-panel #mode-description{font-size:12px;color:#aeb2a2;margin-top:15px;min-height:85px}.mode-label{font-size:8px;letter-spacing:2px;color:var(--gold);margin:24px 0 27px;padding-bottom:25px;border-bottom:1px solid var(--line)}.mode-panel .small-note{font-size:9px}.gallery{border-top:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.gallery-item{display:block;position:relative;overflow:hidden;background:#20221c;border:0;text-align:left;padding:0}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:brightness(.85)}.gallery-item:hover img{transform:scale(1.025);filter:brightness(1)}.gallery-main{grid-row:span 2}.gallery-item:not(.gallery-main){aspect-ratio:16/9}.gallery-item>span{position:absolute;bottom:0;left:0;right:0;padding:32px 19px 16px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:center}.gallery-item i{font-size:8px;font-style:normal;letter-spacing:1.5px}.gallery-item b{font-size:20px;font-weight:400;color:var(--gold)}.gallery-note{font-size:9px;color:#7f8575;margin-top:18px}.play-section{background:#20231c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.play-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.play-layout>div>p:not(.eyebrow){font-size:13px;color:#aeb4a1;margin-top:25px}.play-layout .button{margin-top:30px}.steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:26px 0}.steps article>span{color:var(--gold);font-size:12px;padding-top:6px}.steps h3{font-size:23px}.steps p{font-size:12px;color:#a6ad99;margin-top:9px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:13px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--gold);font-size:18px}details[open] summary:after{content:'−'}.faq-list p{font-size:12px;color:var(--muted);margin-top:17px}.final-banner{background:#11130f;border-block:1px solid var(--line);padding:70px 0 80px;text-align:center}.final-banner svg{display:inline-block;width:32px}.final-banner p{font-size:8px;letter-spacing:2px;color:var(--gold);margin:25px 0}.final-banner h2{font-size:66px;line-height:1}.final-banner .underline{font-size:10px}.footer{padding-top:34px;padding-bottom:34px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand{font-size:13px}.footer>p{font-size:9px;color:#828a77}.footer>div{display:flex;gap:22px;align-items:center;font-size:9px;color:#b5bba8}.footer>div>span{font-size:7px;letter-spacing:1px;color:#87917a}dialog{background:#171916;color:var(--ivory);border:1px solid var(--line);width:min(1080px,92vw);max-height:92vh;padding:40px 20px 20px}dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:10px;top:5px;width:34px;height:30px;background:none;border:0;font-size:28px;color:var(--gold)}#image-dialog img{max-height:73vh;width:100%;object-fit:contain}dialog p{font-size:11px;color:var(--muted);margin-top:15px}#video-dialog h2{font-size:30px;margin-bottom:20px}#video-dialog video{width:100%;max-height:65vh;background:#080908}body:has(dialog[open]){overflow:hidden}.guide-header{border-bottom:1px solid var(--line)}.guide{max-width:900px}.guide>h1{font-size:clamp(48px,7vw,80px);letter-spacing:-3px;margin:25px 0}.guide>.lead{max-width:650px;font-size:16px;color:#b8bdad}.guide section{margin-top:60px}.guide section h2{font-size:35px;margin-bottom:25px}.guide section p{font-size:14px;color:#b2b9a5}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide dl{margin:0}.guide dl>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.guide dd{margin:0;color:#acb49e;text-align:right}.guide dt{color:var(--gold)}.guide aside{border-left:2px solid var(--gold);padding:20px 25px;background:#20231c;margin-top:35px}.guide aside p{font-size:12px!important}.guide li{color:#b2b9a5;font-size:14px;line-height:1.8;margin-top:12px}.guide .back{display:inline-block;margin-top:40px;font-size:12px;color:var(--gold)}
@media(min-width:1600px){.hero{min-height:790px}.hero-content{padding-top:60px}.hero-scene{left:30%}}
@media(max-width:1050px){.wrap{width:88%}.hero-bottom{left:6%}.header nav{gap:20px}.brand{font-size:14px}.header{gap:20px}.nav-cta{font-size:10px;padding:12px}.nav-cta span{margin-left:10px}.hero h1{font-size:94px}.hero-scene{left:18%}.section{padding-block:80px}.court-showcase{gap:5%}.rank-tabs{gap:12px 16px}.rank-content h3{font-size:40px}.rank-motto{font-size:17px}.rank-content #rank-description{font-size:12px}.capture-grid{gap:7%}.mode-panel{padding:28px 25px}.footer{flex-wrap:wrap}.footer>p{display:none}.gallery-grid{gap:17px}}
@media(max-width:750px){.header{height:78px;flex-wrap:wrap;align-content:center;gap:0}.header .brand{font-size:13px;gap:8px}.brand svg{width:26px;height:28px}.header nav{display:none}.nav-cta{margin-left:auto;font-size:9px;padding:10px;border-color:#5c5d4f}.nav-cta span{margin-left:12px}.hero{min-height:730px;justify-content:flex-end}.hero-content{padding-top:150px;padding-bottom:90px}.hero-scene{inset:0 0 18% 0;opacity:.7}.hero-scene img{object-position:58% 50%}.hero:before{background:linear-gradient(0deg,#171916 5%,rgba(23,25,22,.92) 25%,rgba(23,25,22,.55) 65%,rgba(23,25,22,.15));z-index:-1}.hero h1{font-size:clamp(65px,13vw,96px);letter-spacing:-3px;max-width:600px;margin-top:24px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-line{font-size:21px}.hero-description{font-size:12px;margin-top:18px}.actions{gap:22px;flex-wrap:wrap;margin-top:24px}.button{padding:16px 19px;font-size:9px;gap:24px}.text-button{font-size:8px}.development{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:20px}.hero-bottom>span{display:none}.hero-bottom a{margin-left:auto}.game-strip{padding-block:24px}.game-strip>div{flex-wrap:wrap;gap:16px 12px;justify-content:center;font-size:8px;letter-spacing:1.1px}.game-strip i:nth-of-type(2){display:none}.game-strip>div>span{width:40%;text-align:center}.game-strip>div>i{width:10%;text-align:center}.game-strip>div>i:nth-of-type(3){order:0}.section{padding-block:65px}h2{font-size:40px;letter-spacing:-1.5px}.intro,.court-showcase,.capture-grid,.play-layout,.faq{grid-template-columns:1fr;gap:35px}.intro-copy{font-size:13px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:22px}.court-switch{gap:25px;margin-bottom:25px}.court-switch button{font-size:8px;letter-spacing:.8px}.portrait img{aspect-ratio:1.15/1}.portrait figcaption{font-size:6px}.rank-tabs{justify-content:space-between;gap:9px;margin-bottom:26px}.rank-tabs button{font-size:15px}.rank-content h3{font-size:42px}.rank-content #rank-description{max-width:none;font-size:13px}.rank-detail{margin-bottom:18px}.rank-detail dd{font-size:12px}.mode-panel{padding:30px}.capture-heading>p:not(.eyebrow){font-size:13px}.mode-panel #mode-description{min-height:0}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-main{grid-row:auto;aspect-ratio:16/10}.gallery-item:not(.gallery-main){aspect-ratio:16/10}.gallery-item img{object-fit:cover}.gallery-item>span{padding:35px 16px 14px}.gallery-item i{font-size:8px}.gallery-note{font-size:9px}.steps article:first-child{padding-top:24px}.faq{gap:30px}.faq h2{font-size:39px}.final-banner h2{font-size:51px}.final-banner{padding:55px 0 65px}.footer{padding-block:30px;gap:25px;justify-content:center;text-align:center}.footer>.brand{font-size:15px}.footer>div{flex-wrap:wrap;justify-content:center;width:100%;font-size:10px;gap:20px}.footer>div>span{width:100%}.guide-grid{grid-template-columns:1fr}.guide section{margin-top:45px}.guide .lead{font-size:14px}.guide section h2{font-size:30px}.guide section p,.guide li{font-size:13px}dialog{padding:42px 12px 15px}dialog p{font-size:10px}}
@media(max-width:370px){.wrap{width:87%}.hero{min-height:760px}.hero h1{font-size:65px}.hero .eyebrow{font-size:7px}.hero-line{font-size:19px}.actions{gap:12px}.header .brand{font-size:10px}.header .brand i{font-size:11px}.nav-cta{font-size:8px;padding:9px}.nav-cta span{margin-left:8px}.rank-tabs button{font-size:13px}.court-switch{gap:20px}.mode-panel{padding:25px 20px}.final-banner h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.hero{isolation:isolate}.hero-scene{z-index:-2}.hero-scene img{position:absolute;top:-18%;height:140%;object-position:55% 50%}
@media(max-width:750px){.hero-scene img{top:-12%;height:135%;object-position:58% 50%}}
.courts .section-heading>p,.court-switch button,.rank-tabs button,.courts .small-note{color:#606657}.courts .rank-motto,.courts .rank-detail dt{color:#715834}.courts button:focus-visible,.courts [tabindex="0"]:focus-visible{outline-color:var(--ink)}
.downloads{background:linear-gradient(180deg,#12140f,#191c16);border-bottom:1px solid var(--line)}.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.platform-card{min-width:0;min-height:292px;display:flex;flex-direction:column;align-items:flex-start;padding:28px 25px;border:1px solid var(--line);background:rgba(195,166,110,.025)}.platform-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--gold);margin-bottom:25px}.platform-icon svg{display:block;width:48px;height:48px}.platform-card h3{font-size:27px;letter-spacing:-.6px;line-height:1.2}.platform-devices{font-size:12px;color:#c0c3b4;margin-top:7px}.platform-detail{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px;margin-bottom:22px}.platform-status{display:inline-block;margin-top:auto;padding:7px 11px;border:1px solid rgba(195,166,110,.3);border-radius:20px;background:rgba(195,166,110,.08);font-size:11px;line-height:1.4;letter-spacing:.4px;color:#d8c193}.downloads-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:25px}.faq-list p a,.guide section p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{min-height:280px}}
@media(max-width:900px){.header:not(.guide-header){height:auto;min-height:112px;flex-wrap:wrap;align-content:center;gap:16px 12px;padding-block:18px}.header:not(.guide-header) nav{display:flex;order:3;flex:0 0 100%;gap:26px}.header:not(.guide-header) .nav-cta{margin-left:auto}}
@media(max-width:750px){.header:not(.guide-header) nav{justify-content:space-between;gap:8px}.header:not(.guide-header) nav a{font-size:10px;letter-spacing:.3px}}
@media(max-width:560px){.download-grid{grid-template-columns:minmax(0,1fr);gap:16px}.platform-card{min-height:258px;padding:25px}.platform-icon{margin-bottom:20px}.platform-detail{margin-top:12px;margin-bottom:20px}}