:root{--background:#0e2924;--surface:#173e34;--surface-elevated:#20483d;--text:#f5f0de;--secondary:#bbccbe;--accent:#bae3bf;--cream:#f5f0de;--border:#f5f0de17;--gold:#c1a365;--radius-sm:12px;--radius-md:24px;--radius-lg:36px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:72px;--space-7:104px;--space-8:144px;--shadow:0 30px 80px #0004;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--background);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}figure{margin:0}p{margin:0 0 var(--space-3);line-height:1.7;color:var(--secondary)}h1,h2,h3{margin:0;line-height:1.04;font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(64px,8.5vw,124px)}h2{font-size:clamp(44px,5.4vw,80px)}h2 span,h1 span{color:var(--accent)}h3{font-size:23px;letter-spacing:-.035em;line-height:1.3}::selection{background:var(--accent);color:var(--background)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1200px;width:calc(100% - 96px);margin:0 auto}.section{padding:var(--space-8) 0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.5;color:var(--secondary);margin-bottom:var(--space-3)}.body-copy{font-size:20px;line-height:1.65;max-width:560px;margin-top:var(--space-4)}.fine,.visual-caption,figcaption{font-size:11px;color:var(--secondary);line-height:1.7}.centered{text-align:center}.centered p{margin-left:auto;margin-right:auto}.section-intro{margin-bottom:var(--space-6)}.section-intro>p:not(.eyebrow){font-size:20px;margin-top:var(--space-4)}
.skip{position:fixed;top:-100px;left:16px;padding:16px;background:var(--cream);color:var(--background);z-index:100}.skip:focus{top:16px}.header{position:sticky;top:0;z-index:20;background:rgb(var(--theme-rgb)/.87);transition:background .25s,box-shadow .25s}.header.scrolled{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgb(var(--theme-rgb)/.87);box-shadow:0 1px 0 var(--border)}.header-inner{width:calc(100% - 96px);max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:88px}.brand img{width:170px;height:auto}.header nav{display:flex;gap:var(--space-4);align-items:center}.header nav a{font-size:12px;white-space:nowrap;color:var(--secondary);transition:color .2s}.header nav a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:50px;min-height:48px;padding:14px 24px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button.primary{background:var(--accent);color:var(--background)}.button.primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.button-note{font-size:9px;border-left:1px solid var(--button-divider);padding-left:var(--space-2);font-weight:500}.header-download .button{font-size:11px;padding:10px 18px;min-height:38px;gap:12px}.header-download .button-note{font-size:8px;padding-left:10px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--accent)}.text-link:hover{color:var(--text)}.menu-toggle{display:none}
.hero{position:relative;padding:76px 0 56px;background:radial-gradient(ellipse at 50% 75%,var(--glow),transparent 65%);text-align:center;overflow:clip}.hero-copy{max-width:840px;margin:auto}.hero h1{font-family:var(--serif);font-weight:normal;letter-spacing:-.06em;line-height:.97;font-size:clamp(72px,10vw,142px)}.hero-sub{font-size:18px;line-height:1.65;margin:var(--space-4) 0;color:var(--secondary)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.hero-device{width:90%;max-width:1020px;margin:76px auto 0;perspective:1600px}.hero-device .device{transform:rotateX(7deg) rotateZ(-2deg);transform-origin:center;box-shadow:0 45px 75px #0007}.device{position:relative;border-radius:clamp(24px,4vw,55px);padding:clamp(10px,1.2vw,17px);background:linear-gradient(160deg,#919b99,#2c3332 20%,#101313 45%,#727a77);box-shadow:var(--shadow);border:1px solid #a7b1a780;isolation:isolate}.device::after{content:'';position:absolute;inset:4px;border:1px solid #a1a8a560;border-radius:inherit;pointer-events:none}.device-screen{overflow:hidden;border-radius:clamp(17px,3vw,41px);background:#122c25}.device-screen img{width:100%;aspect-ratio:2.174;object-fit:cover}.device-camera{position:absolute;top:50%;left:2.1%;height:22%;width:1.2%;border-radius:30px;background:#080c0b;transform:translateY(-50%);z-index:2}.hero-caption{font-size:11px;color:var(--secondary);margin:var(--space-4) 0}.scroll-cue{display:inline-flex;align-items:center;gap:var(--space-2);font-size:8px;letter-spacing:.18em;margin-top:var(--space-4);color:var(--secondary);min-height:36px}.hero-enter{animation:hero-in .9s both}.hero .eyebrow{animation-delay:.05s}.hero h1{animation-delay:.12s}.hero-sub{animation-delay:.2s}.hero-actions{animation-delay:.28s}.hero-device{animation-delay:.38s}@keyframes hero-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.games{background:linear-gradient(180deg,var(--background),var(--table-surface))}.game-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:center}.game-visual{position:sticky;top:150px;align-self:start}.mode-panel{min-height:320px;display:flex;justify-content:center;flex-direction:column}.mode-panel .device{border-radius:var(--radius-md)}.mode-panel .device-screen{border-radius:18px}.visual-caption{margin:var(--space-3) 0 0;text-align:center}.mode-choice{width:100%;text-align:left;display:grid;grid-template-columns:24px 1fr 18px;gap:var(--space-3);padding:var(--space-4) 0;background:none;border:0;border-top:1px solid var(--border);opacity:.65;transition:opacity .25s}.mode-choice:hover,.mode-choice.active{opacity:1}.mode-index{font-size:10px;color:var(--accent);padding-top:9px}.mode-choice strong{font-size:25px;font-weight:500;letter-spacing:-.04em;display:block;margin-bottom:14px}.mode-choice small{display:block;font-size:14px;color:var(--secondary);line-height:1.7;max-width:310px}.mode-choice>span:last-child{font-size:20px;color:var(--accent);padding-top:6px}.asset-pending{background:linear-gradient(135deg,var(--surface),var(--background));min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);gap:var(--space-3);padding:var(--space-4);text-align:center}.asset-pending img{border-radius:18px}.asset-pending strong{font-size:26px;font-weight:500;letter-spacing:-.04em}.asset-pending span{font-size:12px;color:var(--secondary)}.asset-pending.compact{min-height:300px}
.product{background:var(--table-surface)}.showcase{padding-top:var(--space-4)}.showcase figcaption{text-align:center;margin-top:var(--space-3)}.product-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6)}.product-notes h3{font-size:21px;margin-bottom:var(--space-2)}.product-notes p{font-size:14px;line-height:1.8}.social{background:var(--cream);color:var(--background)}.social h2 span{color:var(--light-accent)}.social p,.social .eyebrow,.social figcaption{color:var(--light-ink)}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.social-heading>p{font-size:21px;line-height:1.7;margin:0;max-width:320px}.friends-showcase img{border-radius:var(--radius-lg);width:100%;box-shadow:0 25px 70px #0e292422}.friends-showcase figcaption{text-align:center;margin-top:var(--space-3)}.social-details{display:grid;grid-template-columns:1fr 1fr .85fr;gap:var(--space-5);margin-top:var(--space-6);align-items:center}.social-details h3{margin-bottom:var(--space-2)}.social-details p{font-size:14px;margin-bottom:0}.quick-reply{font:italic 25px var(--serif);transform:rotate(-3deg);text-align:center;color:var(--light-ink)}.quick-reply small{display:block;font:10px var(--sans);margin-top:var(--space-2);color:var(--light-ink)}
.seat-layout,.streak-layout,.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}.seat-visual img{border-radius:var(--radius-md);width:100%;aspect-ratio:2.174;object-fit:cover}.seat-steps{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.seat-steps button{background:none;border:0;border-bottom:1px solid var(--border);padding:var(--space-2) 4px;font-size:9px;color:var(--secondary);min-height:44px}.seat-steps button span{display:block;font-size:12px;margin-top:var(--space-1)}.seat-steps button.active{border-color:var(--accent);color:var(--accent)}.seat-description{font-size:13px;margin:var(--space-3) 0 0;min-height:70px;max-width:450px}.streak{background:var(--surface)}.streak h2{font-size:clamp(42px,5vw,72px)}.flame{display:inline-block;font-size:.5em;margin-left:12px;vertical-align:middle}.streak-visual img{width:100%;border-radius:var(--radius-md);box-shadow:0 20px 70px #0002}.streak-visual figcaption{text-align:center;margin-top:var(--space-3)}.rewards .body-copy{margin-top:var(--space-4)}.reward-list{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-5) 0 var(--space-3);font-size:12px;color:var(--accent)}.reward-list span+span::before{content:'·';margin-right:var(--space-4);color:var(--secondary)}.details-section{background:var(--surface)}.details-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:var(--space-6)}.details-layout>.eyebrow{padding-top:var(--space-2);max-width:185px}.editorial-details{margin-top:var(--space-6)}.editorial-details article{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border)}.editorial-details h3{font-size:24px}.editorial-details p{font-size:14px;margin:0}.profile{background:radial-gradient(ellipse at 80% 50%,var(--glow-soft),transparent 65%)}.account{padding:var(--space-7) 0;background:var(--surface)}.account-layout,.learn-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}.account h2{font-size:54px}.account .body-copy{margin-top:0;font-size:18px}.providers{display:flex;gap:var(--space-4);margin:var(--space-4) 0}.provider{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text)}.download{text-align:center;background:radial-gradient(ellipse at 50% 70%,var(--glow),transparent 70%),var(--background);padding-top:var(--space-7)}.app-icon{border-radius:22px;margin:0 auto var(--space-4)}.download h2{font-size:clamp(50px,7vw,98px)}.download-action{margin:var(--space-5) 0 var(--space-3)}.android-status{font-size:11px;margin-top:var(--space-3)}
.footer{padding-top:var(--space-5);padding-bottom:var(--space-4);border-top:1px solid var(--border)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer .brand span{display:block;font-size:8px;letter-spacing:.26em;color:var(--secondary);margin-top:12px}.footer nav{display:flex;gap:var(--space-4);font-size:11px;color:var(--secondary)}.footer nav a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;color:var(--secondary);font-size:10px;margin-top:var(--space-5)}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
.page-hero{padding:var(--space-7) 0 var(--space-6)}.page-hero h1{font-size:clamp(48px,6.5vw,86px)}.page-hero .body-copy{max-width:700px;font-size:18px}.page-pills{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.page-pills a{min-height:44px;background:var(--surface);padding:13px 19px;border-radius:50px;font-size:13px;color:var(--accent)}.guide-layout{display:grid;grid-template-columns:210px 1fr;gap:var(--space-7);padding-bottom:var(--space-7)}.guide-nav{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:130px;align-self:start}.guide-nav span{font-size:9px;letter-spacing:.2em;color:var(--secondary);margin-bottom:var(--space-2)}.guide-nav a{font-size:12px;min-height:35px;display:flex;align-items:center;color:var(--accent)}.guide-body section{padding:var(--space-5) 0;border-top:1px solid var(--border);scroll-margin-top:120px}.guide-body h2{font-size:43px;margin-bottom:var(--space-4)}.guide-body h3{margin:var(--space-4) 0 var(--space-2)}.guide-body p,.guide-body li,.legal-body p,.legal-body li{font-size:16px;line-height:1.85;color:var(--secondary)}.guide-body ol,.legal-body ul{padding-left:21px;margin:var(--space-4) 0}.guide-body li,.legal-body li{padding-left:var(--space-1);margin-bottom:var(--space-2)}.support-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-7);padding-bottom:var(--space-7)}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{list-style:none;cursor:pointer;position:relative;font-size:17px;padding:26px 30px 26px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;font-size:22px;color:var(--accent);top:23px}details[open] summary::after{content:'−'}details p{font-size:14px;padding-right:var(--space-3);margin-bottom:var(--space-4)}.contact{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4);align-self:start}.contact h2{font-size:36px;margin-bottom:var(--space-3)}.contact>p{font-size:14px}.contact h3{font-size:20px;margin:var(--space-4) 0 var(--space-2)}.contact ul{padding-left:18px;font-size:13px;line-height:1.8;color:var(--secondary)}.contact .fine{font-size:11px}.draft-state{display:inline-block;font-size:9px;color:var(--accent);padding:10px 14px;background:var(--surface);border-radius:var(--radius-sm);letter-spacing:.1em;margin-top:var(--space-1)}.legal-body{max-width:820px;padding-bottom:var(--space-7)}.legal-body h2{font-size:30px;margin:var(--space-5) 0 var(--space-3)}
.hero>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:48px;align-items:center;min-height:560px}.hero-copy{text-align:left;margin:0}.hero h1{font-size:clamp(72px,7.5vw,108px)}.hero-actions{justify-content:flex-start}.hero-device{width:100%;margin:0}.hero-caption{grid-column:2;margin:0}.scroll-cue{grid-column:1/-1;justify-self:center;margin-top:36px}.hero{padding-top:48px;padding-bottom:32px}.hero-device .device{transform:rotateY(-7deg) rotateX(4deg) rotateZ(-3deg)}
@media(max-width:1100px){.header-inner{gap:var(--space-3)}.header nav{gap:18px}.brand img{width:148px}.header-download .button{padding:10px 14px}.game-layout{gap:var(--space-4)}.social-details{gap:var(--space-4)}.guide-layout{gap:var(--space-5);grid-template-columns:170px 1fr}.support-layout{gap:var(--space-5)}.mode-choice strong{font-size:23px}.hero>.wrap{column-gap:32px}.hero-actions{gap:20px}.hero-sub{font-size:16px}}
@media(max-width:900px){:root{--space-8:104px;--space-7:80px}.wrap,.header-inner{width:calc(100% - 64px)}.header nav{gap:14px}.header nav a{font-size:10px}.header-download .button{gap:8px;font-size:10px;padding:10px 12px}.header-download .button-note{font-size:7px;padding-left:8px}.brand img{width:132px}.header-inner{gap:16px}.game-layout{grid-template-columns:1fr 1fr;gap:var(--space-4)}.mode-choice{gap:var(--space-2)}.game-visual{top:140px}.mode-panel{min-height:260px}.asset-pending{min-height:260px}.product-notes{gap:var(--space-4)}.seat-layout,.streak-layout,.profile-layout,.account-layout,.learn-layout{gap:var(--space-4)}.details-layout{grid-template-columns:.45fr 1.4fr;gap:var(--space-4)}.social-details{grid-template-columns:1fr 1fr}.quick-reply{grid-column:1/-1;text-align:left;font-size:23px}.social-heading>p{font-size:17px}.social-heading h2{font-size:56px}.account h2{font-size:44px}.body-copy{font-size:18px}.footer nav{gap:18px}}
@media(max-width:700px){:root{--space-8:80px;--space-7:64px;--space-6:48px}.wrap,.header-inner{width:calc(100% - 40px)}.header-inner{height:72px;gap:14px}.brand img{width:142px}.header-download{margin-left:auto}.header-download .button{font-size:9px;min-height:36px;padding:10px 12px}.header-download .button-note{font-size:7px;padding-left:6px}.menu-toggle{display:flex;order:3;width:36px;height:44px;flex-direction:column;justify-content:center;gap:6px;align-items:center;background:none;border:0;padding:0;z-index:22}.menu-toggle span{width:20px;height:1px;background:var(--cream);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:fixed;left:0;right:0;top:72px;background:rgb(var(--theme-rgb)/.97);backdrop-filter:blur(16px);padding:24px 28px 36px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 20px 40px #0003}.header nav.open{display:flex}.header nav a{font-size:20px;min-height:48px;display:flex;align-items:center;color:var(--text)}h2{font-size:46px;letter-spacing:-.055em}.hero{padding:54px 0 38px}.hero h1{font-size:clamp(70px,16vw,96px)}.hero .eyebrow{font-size:8px;letter-spacing:.16em}.hero-sub{font-size:14px;max-width:330px;margin:var(--space-4) auto;line-height:1.7}.hero-actions{gap:var(--space-3)}.hero-actions .button{font-size:12px;padding:13px 20px}.hero-actions .text-link{font-size:12px}.hero-device{margin-top:56px;width:100%;perspective:none}.hero-device .device{transform:rotate(-2deg);border-radius:24px;padding:8px}.hero-device .device-screen{border-radius:18px}.device-camera{left:2.3%}.hero-caption{font-size:9px;margin-top:24px}.scroll-cue{margin-top:16px}.section-intro{margin-bottom:40px}.section-intro>p:not(.eyebrow){font-size:16px}.game-layout{grid-template-columns:1fr;gap:24px}.game-visual{position:static}.mode-panel{min-height:205px}.mode-choice{padding:24px 0;grid-template-columns:24px 1fr 18px}.mode-choice strong{font-size:26px}.mode-choice small{font-size:14px;max-width:none}.asset-pending{min-height:230px}.product-notes{grid-template-columns:1fr;gap:24px;margin-top:40px}.product-notes h3{font-size:22px}.product-notes p{font-size:14px;margin:0;max-width:420px}.device{padding:8px;border-radius:24px}.device-screen{border-radius:18px}.social-heading{display:block;margin-bottom:40px}.social-heading h2{font-size:46px}.social-heading>p{margin-top:24px;font-size:18px}.friends-showcase img{border-radius:18px}.social-details{grid-template-columns:1fr;gap:28px;margin-top:40px}.social-details h3{font-size:23px}.quick-reply{grid-column:auto;font-size:24px;margin-top:8px}.seat-layout,.streak-layout,.profile-layout,.account-layout,.learn-layout{grid-template-columns:1fr;gap:32px}.body-copy{font-size:17px;margin-top:24px}.seat-description{min-height:64px}.seat-steps{gap:16px}.seat-steps button{padding:16px 0}.seat-steps button span{font-size:12px}.seat-visual img{border-radius:18px}.streak h2{font-size:43px}.streak-visual img{border-radius:18px}.reward-list{gap:16px;margin-top:32px;flex-direction:column}.reward-list span+span::before{display:none}.desktop-break{display:none}.details-layout{grid-template-columns:1fr;gap:12px}.details-layout>.eyebrow{max-width:none}.editorial-details{margin-top:40px}.editorial-details article{grid-template-columns:1fr;gap:12px;padding:24px 0}.editorial-details h3{font-size:23px}.account h2{font-size:44px}.account .body-copy{font-size:17px}.download h2{font-size:54px}.footer-top{display:block}.footer nav{margin-top:32px;flex-wrap:wrap;gap:12px 24px}.footer nav a{min-height:36px;display:flex;align-items:center}.footer-bottom{font-size:9px;gap:16px;margin-top:32px}.footer .brand img{width:166px}.page-hero{padding:56px 0 40px}.page-hero h1{font-size:48px}.page-hero .body-copy{font-size:16px}.guide-layout{grid-template-columns:1fr;gap:24px}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 24px}.guide-nav span{width:100%;margin:0}.guide-body section{padding:32px 0}.guide-body h2{font-size:35px}.guide-body p,.guide-body li,.legal-body p,.legal-body li{font-size:15px}.support-layout{grid-template-columns:1fr;gap:40px}.faq-list summary{font-size:16px;padding:24px 30px 24px 0}.contact{padding:28px}.legal-body h2{font-size:28px;margin-top:40px}.asset-pending.compact{min-height:240px}}
@media(max-width:360px){.header-download .button-note{display:none}.header-download .button{padding:10px;font-size:9px}.brand img{width:126px}.header-inner{gap:8px}.hero-actions{gap:16px}.hero h1{font-size:68px}.seat-steps{gap:12px}.seat-steps button span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media(max-width:700px){.hero>.wrap{display:block;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(70px,16vw,96px)}.hero-actions{justify-content:center;gap:24px}.hero-device{margin-top:56px}.hero-device .device{transform:rotate(-2deg)}.hero-caption{margin-top:24px}.hero-sub{font-size:14px}.scroll-cue{margin-top:16px}}
@media(max-width:700px){.header nav{max-height:calc(100dvh - 72px);overflow:auto}}
@media(max-width:360px){.brand img{width:110px}.header-download .button-note{display:block;font-size:7px;padding-left:6px}.header-download .button{padding:9px 10px;gap:6px;white-space:nowrap}.hero-actions{gap:16px}.hero-actions .button{white-space:nowrap;font-size:11px;padding:13px 16px;gap:10px}.hero-actions .button-note{padding-left:8px;font-size:8px}.hero-actions .text-link{font-size:11px;white-space:nowrap;gap:8px}}

/* Supplied PNGs already include the device and its shadow. Preserve the full canvas. */
img.provided-mockup{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto!important;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;filter:none;transform:none}

/* Center the opaque artwork rather than the asymmetrically padded PNG canvas.
   Original files, including every shadow pixel, remain intact. */
main{overflow-x:clip}
.mockup-stage{position:relative;width:100%;min-width:0;isolation:isolate}
.mockup-stage.phone-stage{aspect-ratio:3111/1588}
.mockup-stage.streak-stage{aspect-ratio:1605/848}
.mockup-stage>img.provided-mockup{position:absolute;max-width:none!important;height:auto;margin:0}
.phone-stage>img.provided-mockup{width:110.4146577%;left:1.5429122%;top:5.0377834%}
.streak-stage>img.provided-mockup{width:120%;left:-5.1090343%;top:-12.3820755%}
.hero-device,.game-visual,.seat-visual,.streak-visual,.profile-layout>div:last-child{min-width:0}
.game-visual{position:static;align-self:center}
.mode-panel{min-height:0}
.hero-device .hero-caption{margin:24px 0 0;text-align:center}
@media(max-width:700px){.mockup-stage{max-width:560px;margin-inline:auto}.hero-device .hero-caption{margin-top:20px}}

/* The site's four palettes follow the in-game theme choices. */
:root{color-scheme:dark;--theme-rgb:14 41 36;--table-surface:#16392f;--glow:#24544755;--glow-soft:#234f4033;--accent-hover:#d3ecd5;--button-divider:#0e292440;--light-ink:#3f6758;--light-accent:#568269}
:root[data-theme="navy"]{--theme-rgb:26 38 61;--background:#1a263d;--surface:#26354d;--surface-elevated:#30425e;--table-surface:#223047;--text:#f1f0e8;--secondary:#c0cadb;--accent:#bed1ef;--cream:#f1f0e8;--border:#f1f0e81c;--glow:#536c9455;--glow-soft:#536c9433;--accent-hover:#d8e4f7;--button-divider:#1a263d40;--light-ink:#405370;--light-accent:#59759d}
:root[data-theme="red"]{--theme-rgb:64 31 38;--background:#401f26;--surface:#512b33;--surface-elevated:#633840;--table-surface:#49252d;--text:#f8efdf;--secondary:#d8bec1;--accent:#edc1c9;--cream:#f8efdf;--border:#f8efdf1c;--glow:#8d515b55;--glow-soft:#8d515b33;--accent-hover:#f5d7dc;--button-divider:#401f2640;--light-ink:#744751;--light-accent:#9a606d}
:root[data-theme="gray"]{--theme-rgb:41 43 48;--background:#292b30;--surface:#383a40;--surface-elevated:#45474d;--table-surface:#32343a;--text:#f2f0e8;--secondary:#c6c7cd;--accent:#d8dbe1;--cream:#f2f0e8;--border:#f2f0e81c;--glow:#73778144;--glow-soft:#73778122;--accent-hover:#eff0f3;--button-divider:#292b3040;--light-ink:#51565f;--light-accent:#707781}
.theme-experience{background:var(--surface);text-align:center;border-block:1px solid var(--border)}
.theme-options{display:flex;justify-content:center;align-items:start;gap:clamp(24px,6vw,80px);max-width:850px;margin:0 auto}
.theme-option{background:none;border:0;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:22px;min-width:110px;color:var(--secondary);border-radius:12px}
.theme-ring{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff18;position:relative;transition:transform .25s}
.theme-green{background:#1c4036}.theme-navy{background:#30425e}.theme-red{background:#633840}.theme-gray{background:#45474d}
.theme-ring::after{content:'';position:absolute;inset:-8px;border:2px solid transparent;border-radius:50%;transition:border-color .25s}
.theme-ring>span{font-size:24px;color:#f5f0de;opacity:0;transition:opacity .25s}
.theme-option[aria-pressed=true]{color:var(--text)}
.theme-option[aria-pressed=true] .theme-ring::after{border-color:var(--accent)}
.theme-option[aria-pressed=true] .theme-ring>span{opacity:1}
.theme-option:hover .theme-ring{transform:translateY(-3px)}
.theme-label{font-size:14px;line-height:1.4}
.theme-selection{margin:36px 0 0;color:var(--secondary)}
@media(prefers-reduced-motion:no-preference){body,.header,section,.button,.contact,.page-pills a,h2 span,p,.eyebrow,.visual-caption,figcaption,.text-link,.mode-choice,.provider,.footer{transition:background-color .35s,color .35s,border-color .35s}}
@media(max-width:700px){.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;max-width:340px}.theme-ring{width:80px;height:80px}.theme-option{min-width:0;gap:18px}.theme-label{font-size:13px}}

/* Keep the four step images loaded and decoded; reveal without a fade or src swap. */
.seat-visual [data-seat-image]{transition:none!important}
.seat-visual [data-seat-image][aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}