@font-face{font-family:Barlow;src:url('assets/BarlowCondensed-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-700.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--paper:#0c0f13;--surface:#15191e;--ink:#f1f3f5;--muted:#aeb6c0;--red:#ed354d;--line:rgb(211 220 230 / .14);--shell:1260px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.7 Manrope,sans-serif}
button,input{font:inherit}
button{cursor:pointer;color:inherit;border:0}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff7586;outline-offset:5px}
h1,h2,h3,p{margin:0}
h1{font-family:Barlow,sans-serif;font-weight:800;line-height:.98}
h2{font-size:clamp(34px,3.6vw,49px);font-weight:700;line-height:1.15;letter-spacing:-1.8px}
h3{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.5px}
.wrap{width:min(var(--shell),calc(100% - 80px));margin-inline:auto}
.section{padding-block:72px}
.skip{position:fixed;top:-80px;left:20px;z-index:30;background:var(--surface);padding:12px}
.skip:focus{top:15px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#bec5cf}
.metal-text{background:linear-gradient(180deg,#f6f8fa,#bbc4cf 78%,#e5e9ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.red-text{color:var(--red)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:6px 7px 6px 24px;border-radius:99px;background:linear-gradient(180deg,#dd2b44,#b31a32);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 8px 20px rgb(0 0 0 / .2);transition:transform .3s var(--ease),filter .3s var(--ease)}
.button b{display:grid;place-items:center;font-size:21px;font-weight:400;width:38px;height:38px;border-radius:50%;background:rgb(255 255 255 / .12);box-shadow:inset 0 1px 0 rgb(255 255 255 / .15);transition:transform .3s var(--ease)}
.button:hover{filter:brightness(1.12);transform:translateY(-2px)}
.button:hover b{transform:rotate(10deg)}
.button:active{transform:translateY(1px)}
.button-small{min-height:42px;font-size:12px;padding:5px 5px 5px 19px;gap:15px}
.button-small b{width:30px;height:30px;font-size:18px}
.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:700;white-space:nowrap}
.text-link span{font-size:24px;color:var(--red);transition:transform .3s var(--ease)}
.text-link:hover span{transform:translateX(4px)}

/* The header stays above page imagery; native dialogs use the top layer. */
.header{position:sticky;top:0;z-index:10;padding-top:16px;margin-bottom:-84px}
.nav-surface{height:68px;display:flex;align-items:center;padding-inline:24px;gap:32px;background:rgb(20 24 30 / .94);border:1px solid rgb(209 222 238 / .12);box-shadow:inset 0 1px 0 rgb(255 255 255 / .045),0 12px 40px rgb(0 0 0 / .17);border-radius:13px;backdrop-filter:blur(18px)}
.brand{font-size:24px;line-height:1;font-weight:700;letter-spacing:-1.3px;white-space:nowrap}
.brand span{color:var(--red);margin-left:3px}
#site-nav{display:flex;gap:23px;align-self:stretch}
#site-nav a{position:relative;display:flex;align-items:center;font-size:12px;font-weight:700;color:#a9b1bd;white-space:nowrap;transition:color .3s var(--ease)}
#site-nav a:hover,#site-nav a[aria-current]{color:#fff}
#site-nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--red)}
.nav-actions{display:flex;gap:19px;align-items:center;margin-left:auto}
.language{font-size:12px;color:#aeb7c2}
.menu{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:none;width:40px;height:42px}
.menu i{width:21px;height:1.5px;background:#e3e8ee;transition:transform .3s var(--ease)}
.menu[aria-expanded=true] i:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu[aria-expanded=true] i:last-child{transform:translateY(-3.75px) rotate(-45deg)}

.hero{position:relative;min-height:625px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 38%,#1c2026 0%,#101419 43%,#0c0f13 76%)}
.hero-backdrop{position:absolute;left:auto;right:-100px;top:auto;bottom:0;width:min(90vw,1120px);height:auto;z-index:-3;opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 37%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 37%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0f13 0%,rgb(12 15 19 / .85) 24%,transparent 62%),linear-gradient(0deg,#0c0f13 0%,transparent 18%,transparent 80%,rgb(12 15 19 / .55));z-index:-2}
.hero-layout{min-height:625px;position:relative;display:flex;align-items:center;padding-top:94px;padding-bottom:35px}
.hero-copy{position:relative;z-index:2;max-width:56%}
.hero .eyebrow{margin-bottom:26px}
.hero h1{font-size:clamp(76px,7.3vw,112px);letter-spacing:-1px;white-space:nowrap}
.hero-copy>p:not(.eyebrow){color:#b8c0cb;font-size:16px;line-height:1.8;margin-top:27px}
.hero-actions{display:flex;gap:28px;align-items:center;margin-top:29px}
.hero-film{position:absolute;width:min(46%,570px);right:0;top:148px;z-index:1}
.hero-media{width:100%;aspect-ratio:16/10;overflow:hidden;border:0;border-radius:50%;background:transparent;mask-image:radial-gradient(ellipse closest-side,#000 0%,#000 65%,rgb(0 0 0 / .96) 72%,rgb(0 0 0 / .78) 80%,rgb(0 0 0 / .4) 89%,rgb(0 0 0 / .1) 96%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 0%,#000 65%,rgb(0 0 0 / .96) 72%,rgb(0 0 0 / .78) 80%,rgb(0 0 0 / .4) 89%,rgb(0 0 0 / .1) 96%,transparent 100%)}
.hero-media video{width:100%;height:100%;object-fit:contain;object-position:50% 60%;display:block;filter:brightness(1.27) contrast(1.07)}
.motion-toggle{display:block;min-height:32px;background:rgb(12 16 21 / .65);color:#c0cad5;border-radius:99px;padding:4px 13px;font-size:11px;border:1px solid rgb(255 255 255 / .13)}
.hero-film>.motion-toggle{margin:0 0 0 auto;position:relative;right:15%}
.motion-toggle:hover{background:#27303a;color:#fff}

.section-heading{margin-bottom:30px}
.section-heading>p{color:var(--muted);font-size:15px;margin-top:15px;max-width:580px}
.games{padding-top:35px;padding-bottom:72px}
.game-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:335px 245px;gap:18px}
.game-panel{display:block;padding:0;min-width:0;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgb(207 222 239 / .16);background:#151a20;text-align:left;isolation:isolate;transition:transform .4s var(--ease),border-color .4s var(--ease)}
.game-panel:hover{transform:translateY(-4px);border-color:rgb(211 222 239 / .42)}
.panel-inner{position:relative;display:block;height:100%;overflow:hidden;border-radius:11px}
.panel-inner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.game-panel:hover .panel-inner>img{transform:scale(1.025)}
.featured-game{grid-column:1/3;grid-row:1}
.omaha-game{grid-column:3;grid-row:1}
.shortdeck-game{grid-column:1;grid-row:2}
.aof-game{grid-column:2/4;grid-row:2}
.featured-game .panel-inner>img{object-position:70% 52%}
.omaha-game .panel-inner>img{object-position:50% 25%}
.shortdeck-game .panel-inner>img{object-position:70% 50%}
.aof-game .panel-inner>img{object-position:60% 62%;filter:grayscale(1)}
.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(6 10 15 / .53),transparent 70%),linear-gradient(0deg,rgb(7 12 17 / .55),transparent 50%)}
.omaha-game .art-shade{background:linear-gradient(0deg,rgb(7 12 17 / .96),transparent 72%)}
.game-copy{position:absolute;left:30px;bottom:28px;right:20px;z-index:1;display:block}
.featured-game .game-copy{top:35px;bottom:auto;max-width:270px}
.game-copy strong{font:800 45px/.96 Barlow,sans-serif;letter-spacing:-.3px;display:block;text-shadow:0 3px 16px rgb(0 0 0 / .3)}
.featured-game .game-copy strong{font-size:65px}
.game-copy>span{display:block;color:#c0c8d2;font-size:14px;line-height:1.65;margin-top:15px}
.round-arrow{position:absolute;right:24px;bottom:25px;display:grid;place-items:center;width:35px;height:35px;background:rgb(39 47 59 / .78);border:1px solid rgb(212 227 247 / .2);border-radius:50%;font-size:22px}
.availability{font-size:12px;color:#a1adbc;margin-top:17px}

.experience{background:linear-gradient(180deg,#10151b,#151b23 63%,#11161c);border-block:1px solid rgb(210 225 245 / .06);padding-block:65px}

.tournaments{padding-top:72px;padding-bottom:20px}
.tournament-banner{min-height:355px;border-radius:12px;overflow:hidden;position:relative;isolation:isolate;background:#11161c}
.tournament-banner>img{position:absolute;inset:0;left:25%;width:75%;height:100%;object-fit:contain;object-position:right center;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 14%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%)}
.tournament-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11161c 0%,rgb(17 22 28 / .85) 25%,transparent 66%)}
.campaign-copy{padding:34px 39px;max-width:600px}
.status-tag{font-size:11px;letter-spacing:1.2px;font-weight:700;color:#d7b5bd;display:inline-block;margin-bottom:19px;border-left:2px solid var(--red);padding-left:10px}
.campaign-copy h2{font:800 59px/.97 Barlow,sans-serif;letter-spacing:-.7px;text-shadow:0 4px 22px rgb(0 0 0 / .23)}
.campaign-copy h2 span{color:#c0cad6}
.campaign-copy p{font-size:14px;line-height:1.8;color:#b2bfce;margin-top:18px;max-width:390px}
.campaign-copy .text-link{margin-top:19px}
.clubs{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:18px;padding-bottom:36px}
.club-visual{overflow:hidden;position:relative;aspect-ratio:1.8;mask-image:radial-gradient(ellipse,#000 50%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 74%)}
.club-visual img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.club-copy{padding-right:30px}
.club-copy h2{font-size:48px;line-height:1.13}
.club-copy .status-tag{margin-bottom:21px}
.club-copy p{font-size:15px;color:#aebaca;margin-top:22px;line-height:1.8}
.club-copy .text-link{margin-top:24px}

.support{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:40px;padding-bottom:78px}
.support h2{font-size:38px}
.support>div>p{color:#a9b6c6;font-size:14px;margin-top:17px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:700;color:#d4dce5;padding:20px 0}
.faq details:first-child summary{padding-top:2px}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{font-size:26px;line-height:1;color:#a3b1c2;font-weight:400}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{font-size:14px;line-height:1.85;color:#adbbcc;padding-bottom:22px;max-width:580px}
.download{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 120%,rgb(190 30 53 / .18),transparent 60%),#151c25;border-block:1px solid rgb(214 230 247 / .1)}
.download-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding-block:58px}
.release-status{font-size:11px!important;letter-spacing:1.5px;font-weight:700;color:#fd94a3!important;margin:0 0 22px!important}
.download h2{font-size:50px;line-height:1.15}
.download p:not(.release-status){font-size:15px;line-height:1.85;color:#acb9ca;margin-top:23px}
.release-platforms{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.store{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 15px;line-height:1.3;border-radius:9px;border:1px solid rgb(205 224 245 / .14);background:#202a37;color:#f3f5f6}
.store strong{display:block;font-size:17px;letter-spacing:-.4px}
.store small{display:block;font-size:12px;color:#aebdd0;margin-top:5px}
.store-google{background:#d8dfe7;color:#141e2a}
.store-google small{color:#455569}
.store img{flex-shrink:0}
.release-help{grid-column:1/-1;display:flex;justify-content:space-between;padding:10px 3px;color:#b7c5d6;font-size:13px}
.release-help:hover{color:#fff}
.footer{display:flex;align-items:center;gap:28px;padding-block:31px}
.footer .brand{font-size:22px}
.footer>p{font-size:12px;color:#98a8bd}
.footer>div{display:flex;gap:25px;margin-left:auto;font-size:12px;color:#98a8bd}

dialog{max-width:550px;width:calc(100% - 32px);padding:43px;color:#e8edf2;background:linear-gradient(150deg,#232c37,#101720 73%);border:1px solid rgb(208 229 251 / .18);border-radius:15px;box-shadow:0 25px 100px rgb(0 0 0 / .5)}
dialog::backdrop{background:rgb(3 6 10 / .78);backdrop-filter:blur(6px)}
dialog h2{font-size:35px;line-height:1.2;letter-spacing:-1px}
dialog>p{color:#bac7d7;font-size:15px;line-height:1.8;margin-top:23px}
.dialog-close{position:absolute;right:13px;top:13px;border-radius:50%;width:35px;height:35px;background:#2b3543;color:#e0e7f0;font-size:25px;line-height:1}
.rule-box{background:#1c2633;padding:20px;border-radius:8px;margin:24px 0}
.rule-box strong{font-size:11px;color:#d0dbe9;letter-spacing:1px}
.rule-box p{font-size:14px;line-height:1.8;color:#b0bed1;margin-top:10px}

@media(min-width:1600px){
  .hero,.hero-layout{min-height:665px}
  .hero-film{top:160px;right:0;width:560px}
  .hero-backdrop{right:calc((100vw - 1400px)/2);width:1160px}
  .hero h1{font-size:110px}
}
@media(max-width:1199px){
  .nav-surface{gap:24px;padding-inline:21px}
  #site-nav{gap:18px}
  #site-nav a{font-size:11px}
  .language{display:none}
  .hero h1{font-size:clamp(67px,7.2vw,87px)}
  .hero-copy>p:not(.eyebrow){font-size:15px}
  .hero-actions{gap:22px}
  .hero,.hero-layout{min-height:595px}
  .hero-film{top:160px;width:44%}
  .hero-backdrop{width:1030px;right:-160px;bottom:0}
  .game-grid{grid-template-rows:310px 240px}
  .game-copy{left:25px;bottom:25px}
  .game-copy strong{font-size:42px}
  .featured-game .game-copy strong{font-size:58px}
  .game-copy>span{font-size:13px}
  .campaign-copy{padding:40px 36px}
  .campaign-copy h2{font-size:60px}
  .campaign-copy p{font-size:14px;max-width:330px}
  .club-copy h2{font-size:42px}
  .clubs{gap:45px}
  .support{gap:45px}
  .download-layout{gap:35px}
  .download h2{font-size:44px}
  .release-platforms{grid-template-columns:1fr}
  .release-help{grid-column:auto}
}
@media(max-width:1050px){
  .menu{display:flex}
  #site-nav{display:none;position:absolute;left:40px;right:40px;top:84px;background:#181f28;padding:15px 23px 20px;border:1px solid var(--line);border-radius:0 0 12px 12px;grid-template-columns:repeat(3,1fr);gap:2px 28px}
  #site-nav.open{display:grid}
  #site-nav a{font-size:13px;padding:12px 0}
  #site-nav a[aria-current]:after{bottom:5px;right:auto;width:28px}
}
@media(min-width:768px) and (max-width:959px){
  .wrap{width:calc(100% - 56px)}
  #site-nav{left:28px;right:28px}
  .hero,.hero-layout{min-height:555px}
  .hero-copy{max-width:59%}
  .hero h1{font-size:clamp(59px,7.3vw,69px)}
  .hero .eyebrow{font-size:10px}
  .hero-copy>p:not(.eyebrow){font-size:13px}
  .hero-actions .button{font-size:12px;gap:12px;padding-left:18px;min-height:47px}
  .hero-actions .button b{width:33px;height:33px}
  .hero-actions .text-link{font-size:12px;gap:10px}
  .hero-actions{gap:18px}
  .hero-film{top:185px;width:43%;right:-5px}
  .hero-backdrop{width:900px;right:-210px;bottom:-5px}
  .section{padding-block:55px}
  .games{padding-top:30px}
  .game-grid{grid-template-columns:1fr 1fr;grid-template-rows:310px 255px}
  .featured-game,.omaha-game,.shortdeck-game,.aof-game{grid-column:auto;grid-row:auto}
  .featured-game .game-copy{top:auto;bottom:25px}
  .featured-game .game-copy strong{font-size:45px}
  .featured-game .art-shade{background:linear-gradient(0deg,rgb(7 12 17 / .95),transparent 80%)}
  .featured-game .panel-inner>img{object-position:68% 30%}
  .tournament-banner{min-height:335px}
  .tournament-banner>img{left:20%;width:80%}
  .campaign-copy{padding:36px 30px}
  .campaign-copy h2{font-size:56px}
  .campaign-copy p{max-width:300px;font-size:13px}
  .clubs{gap:30px;grid-template-columns:1.1fr 1fr}
  .club-copy{padding-right:0}
  .club-copy h2{font-size:37px}
  .club-copy p{font-size:14px}
  .status-tag{font-size:10px}
  .support{gap:28px;grid-template-columns:1fr 1.3fr}
  .support h2{font-size:32px}
  .faq summary{font-size:14px}
  .download h2{font-size:40px}
  .download p:not(.release-status){font-size:14px}
  .footer{gap:20px}
  .footer>div{gap:18px;font-size:11px}
}
@media(max-width:767px){
  html{scroll-padding-top:90px}
  .wrap{width:calc(100% - 36px)}
  h2{font-size:33px;letter-spacing:-1.3px}
  .header{padding-top:8px;margin-bottom:-69px}
  .nav-surface{height:61px;padding-inline:14px;border-radius:10px;gap:10px}
  .brand{font-size:20px;letter-spacing:-1px}
  .nav-actions{gap:7px}
  .button-small{font-size:11px;padding-left:14px;gap:9px;min-height:37px}
  .button-small b{width:25px;height:25px;font-size:16px}
  .menu{width:32px}
  #site-nav{top:69px;left:18px;right:18px;padding:14px 19px 20px;grid-template-columns:1fr 1fr;gap:0 24px}
  #site-nav a{font-size:13px;padding:13px 0}
  .hero,.hero-layout{min-height:655px}
  .hero-layout{display:block;padding-top:108px;padding-bottom:0}
  .hero-copy{max-width:none}
  .hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:21px}
  .hero h1{font-size:clamp(46px,14.2vw,89px);line-height:.98;letter-spacing:-.5px}
  .hero-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;line-height:1.85;max-width:400px}
  .hero-actions{gap:20px;margin-top:22px}
  .hero-actions .button{font-size:12px;min-height:47px;gap:16px;padding-left:18px}
  .hero-actions .button b{width:33px;height:33px;font-size:18px}
  .hero-actions .text-link{font-size:12px;gap:10px}
  .hero-film{width:94%;max-width:440px;top:392px;right:3%}
  .hero-media video{filter:brightness(1.27) contrast(1.07)}
  .hero-film>.motion-toggle{margin-top:0;font-size:10px;min-height:30px;right:5%}
  .hero-backdrop{width:790px;max-width:none;right:-155px;bottom:-7px;opacity:.57;mask-image:linear-gradient(180deg,transparent,#000 33%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 33%,#000 75%,transparent)}
  .hero-shade{background:linear-gradient(180deg,#0c0f13 0%,#0c0f13 39%,rgb(12 15 19 / .8) 53%,transparent 74%,#0c0f13 100%)}
  .section{padding-block:44px}
  .games{padding-top:27px;padding-bottom:45px}
  .section-heading{margin-bottom:25px}
  .section-heading>p{font-size:14px;line-height:1.8;margin-top:13px}
  .game-grid{grid-template-columns:1fr 1fr;grid-template-rows:305px 255px 260px;gap:13px}
  .featured-game{grid-column:1/-1;grid-row:1}
  .omaha-game{grid-column:1;grid-row:2}
  .shortdeck-game{grid-column:2;grid-row:2}
  .aof-game{grid-column:1/-1;grid-row:3}
  .game-panel{border-radius:10px}
  .panel-inner{border-radius:9px}
  .featured-game .panel-inner>img{object-position:0% 50%}
  .featured-game .art-shade{background:linear-gradient(90deg,rgb(6 10 15 / .83),rgb(6 10 15 / .42) 44%,transparent 78%)}
  .omaha-game .panel-inner>img{object-position:61% 20%}
  .shortdeck-game .panel-inner>img{object-position:66% 20%}
  .shortdeck-game .art-shade{background:linear-gradient(0deg,rgb(7 12 17 / .98),rgb(7 12 17 / .8) 25%,transparent 85%)}
  .aof-game .panel-inner>img{object-position:66% 60%}
  .game-copy{left:17px;bottom:20px;right:12px}
  .featured-game .game-copy{left:25px;top:29px;max-width:210px}
  .featured-game .game-copy strong{font-size:50px}
  .game-copy strong{font-size:34px;line-height:.98}
  .aof-game .game-copy{left:25px;bottom:27px}
  .aof-game .game-copy strong{font-size:48px}
  .game-copy>span{font-size:12px;line-height:1.65;margin-top:12px;max-width:230px}
  .round-arrow{right:16px;bottom:19px;width:29px;height:29px;font-size:19px}
  .omaha-game .round-arrow,.shortdeck-game .round-arrow{right:13px;bottom:auto;top:13px}
  .omaha-game .art-shade,.shortdeck-game .art-shade{background:linear-gradient(0deg,#0b1016 0%,rgb(11 16 22 / .96) 38%,rgb(11 16 22 / .25) 67%,transparent 82%)}
  .omaha-game .game-copy strong,.shortdeck-game .game-copy strong{font-size:30px;min-height:59px;display:block}
  .omaha-game .game-copy strong{padding-top:29px}
  .featured-game .round-arrow,.aof-game .round-arrow{right:23px;bottom:24px;width:33px;height:33px}
  .availability{font-size:12px;line-height:1.7;margin-top:16px}
  .experience{padding-block:40px}
  .tournaments{padding-top:39px;padding-bottom:0}
  .tournament-banner{min-height:420px;border-radius:10px}
  .tournament-banner>img{top:auto;bottom:0;left:0;width:100%;height:62%;object-fit:cover;object-position:75% 100%;mask-image:none;-webkit-mask-image:none}
  .tournament-banner:after{background:linear-gradient(180deg,#11161c 0%,#11161c 25%,rgb(17 22 28 / .85) 39%,transparent 64%)}
  .campaign-copy{padding:26px 23px}
  .status-tag{font-size:10px;margin-bottom:20px;letter-spacing:1.2px}
  .campaign-copy h2{font-size:47px}
  .campaign-copy p{font-size:13px;margin-top:17px;line-height:1.85;max-width:none}
  .campaign-copy .text-link{margin-top:18px;font-size:12px}
  .clubs{display:flex;flex-direction:column-reverse;gap:0;padding-block:32px 12px;align-items:stretch}
  .club-copy{padding:0 8px}
  .club-copy h2{font-size:33px}
  .club-copy p{font-size:14px;margin-top:19px}
  .club-copy .text-link{font-size:12px;margin-top:16px}
  .club-visual{aspect-ratio:2;margin-top:10px}
  .club-visual img{object-position:68% 50%}
  .support{display:block;padding-top:30px;padding-bottom:44px}
  .support h2{font-size:32px}
  .support>div>p{font-size:14px;margin-top:14px}
  .faq{margin-top:27px}
  .faq summary{font-size:14px;padding:19px 0;gap:14px}
  .faq details p{font-size:14px}
  .download-layout{display:block;padding-block:38px}
  .release-status{font-size:10px!important;margin-bottom:20px!important}
  .download h2{font-size:36px;letter-spacing:-1.4px}
  .download p:not(.release-status){font-size:14px;line-height:1.85;margin-top:20px}
  .desktop-break{display:none}
  .release-platforms{grid-template-columns:1fr 1fr;margin-top:26px;gap:10px}
  .store{padding:16px 10px;gap:10px;border-radius:8px}
  .store img{width:23px;height:27px}
  .store strong{font-size:15px}
  .store small{font-size:11px}
  .release-help{grid-column:1/-1;font-size:12px}
  .footer{flex-wrap:wrap;gap:16px 21px;padding-block:27px}
  .footer .brand{font-size:21px}
  .footer>p{font-size:11px}
  .footer>div{margin:0;width:100%;font-size:11px;gap:21px}
  .footer>div>span{margin-left:auto}
  dialog{padding:43px 25px 29px}
  dialog h2{font-size:30px}
  dialog>p{font-size:14px}
  .rule-box{padding:17px}
}
@media(min-width:500px) and (max-width:767px){
  .hero,.hero-layout{min-height:725px}
  .hero-film{top:430px;right:2%;width:65%}
  .hero-backdrop{width:900px;right:-60px}
}
@media(max-width:360px){
  .brand{font-size:18px}
  .nav-surface{padding-inline:11px}
  .nav-actions{gap:3px}
  .button-small{font-size:10px;padding-left:12px;gap:7px}
  .hero,.hero-layout{min-height:630px}
  .hero-film{top:397px}
  .hero-actions{gap:14px}
  .hero-actions .button{font-size:11px;gap:11px;padding-left:16px}
  .hero-actions .text-link{font-size:11px;gap:6px}
  .hero-copy>p:not(.eyebrow){font-size:13px}
  .game-copy{left:14px}
  .game-copy strong{font-size:31px}
  .game-copy>span{font-size:11px}
  .campaign-copy{padding-inline:22px}
  .campaign-copy h2{font-size:47px}
  .store{gap:8px;padding-inline:8px}
  .store strong{font-size:13px}
}
.experience{padding-block:52px}
.lobby-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.lobby-proof{margin:0;width:100%;max-width:455px}
.lobby-window{position:relative;aspect-ratio:1.38;overflow:hidden;border-radius:17px;background:#f1f4f2;border:1px solid rgb(224 235 247 / .24);box-shadow:0 20px 45px rgb(0 0 0 / .28)}
.lobby-window img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto;transform:translateY(-53.5%)}
.lobby-proof figcaption{font-size:11px;color:#adbacb;margin-top:14px;text-align:center}
.lobby-copy h2{font-size:45px;line-height:1.15}
.lobby-copy>p{font-size:16px;color:#b9c4d2;line-height:1.8;margin-top:22px;max-width:390px}
.lobby-facts{border-left:2px solid #737f90;padding-left:18px;margin-top:29px;max-width:410px}
.lobby-facts h3{font-size:18px;letter-spacing:-.3px}
.lobby-facts p{font-size:14px;line-height:1.8;color:#aebccc;margin-top:9px}
@media(min-width:768px) and (max-width:959px){
  .lobby-layout{gap:35px;grid-template-columns:1fr 1fr}
  .lobby-copy h2{font-size:36px}
  .lobby-copy>p{font-size:14px;margin-top:19px}
  .lobby-facts{margin-top:23px;padding-left:15px}
  .lobby-facts h3{font-size:17px}
  .lobby-facts p{font-size:13px}
}
@media(max-width:767px){
  .experience{padding-block:38px}
  .lobby-layout{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px}
  .lobby-proof{max-width:490px;align-self:center}
  .lobby-window{border-radius:12px}
  .lobby-copy h2{font-size:34px}
  .lobby-copy>p{font-size:14px;margin-top:18px;max-width:380px}
  .lobby-facts{margin-top:22px;padding-left:15px}
  .lobby-facts h3{font-size:17px}
  .lobby-facts p{font-size:14px;line-height:1.75;margin-top:8px}
  .lobby-proof figcaption{font-size:10px;margin-top:11px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}
@media(prefers-reduced-transparency:reduce){.nav-surface{background:#14181e;backdrop-filter:none}}