/* Shared VantagePoint presentation. Account and billing behavior lives separately. */
:root{--bg:#0b1114;--surface:#131d20;--ink:#efeee7;--muted:#a4afb0;--gold:#d4bd8c;--line:#adbdba28;--teal:#a8d6d4}
body{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}p{color:#b7c1c2}::selection{background:#729c9c66;color:white}h1,h2,h3{font-weight:400;text-wrap:balance}h1{line-height:1.08}h2{line-height:1.18}em{color:#e0cfa9}a,button{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}button:disabled{transition:none}.eyebrow{font-size:10px;letter-spacing:.22em;color:#d8c69d}.text-link{letter-spacing:.025em}.text-link:hover{color:#fff1d6}.small-note{line-height:1.8}.site-header{height:92px;background:#0b1114eb;backdrop-filter:blur(18px);border-bottom-color:#cad9d022;padding-inline:clamp(24px,4vw,80px)}.site-header .brand{font-size:21px;letter-spacing:.12em}.brand img{object-fit:contain;filter:drop-shadow(0 0 10px #d3c29130)}.brand small{font-size:8px;letter-spacing:.2em;color:#bdc4bf}.site-header nav{gap:clamp(18px,2.2vw,38px);font-size:12px}.site-header nav>a:not(.nav-account){padding:14px 0;position:relative}.site-header nav>a[aria-current=page]{color:var(--gold)}.site-header nav>a:not(.nav-account):hover:after{content:'';position:absolute;bottom:4px;height:1px;left:0;right:0;background:var(--gold)}.nav-account{padding:12px 18px;border-color:#c7d0c143}.nav-account:hover{border-color:var(--gold);background:#cfc29e0a}.home-page .site-header{position:absolute;inset:0 0 auto;background:linear-gradient(#0a1113c9,#0a111366);backdrop-filter:blur(10px)}.home-page .site-header.is-scrolled{background:#0b1114e8}.button{min-height:51px;padding:14px 25px;font-size:12px;letter-spacing:.045em;border-color:#d4bd8c77;position:relative}.button.gold{background:linear-gradient(115deg,#eadbb8,#c5a875);color:#191b1b;box-shadow:inset 0 0 0 3px #ffffff15,0 6px 26px #0002;border-color:#efe0c166}.button.gold:hover:not(:disabled){background:#f0dfb9;box-shadow:0 0 24px #d4bd8c29}.button.glass{background:#0712156b;backdrop-filter:blur(10px);border-color:#cfd8ce66}.button:not(.gold):hover:not(:disabled){background:#d4bd8c0d;border-color:var(--gold)}
.hero{min-height:100svh;padding:155px 28px 125px;justify-content:center;text-align:center}.hero-shade{background:linear-gradient(180deg,#0710164d 0%,#0b1a224f 25%,#06111788 68%,var(--bg) 100%),linear-gradient(90deg,#07121544,transparent 40%,transparent 60%,#07121544)}.hero-copy{max-width:920px;margin:auto;position:relative}.hero-copy>.eyebrow{margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px}.live-dot{width:5px;height:5px;border-radius:50%;background:#d8c9a4;box-shadow:0 0 10px #d8c9a4}.hero-crest{display:block;width:65px;height:70px;object-fit:contain;margin:0 auto 22px;filter:drop-shadow(0 0 22px #f3d49b55)}.hero h1{font-size:clamp(54px,6.7vw,102px);line-height:1.02;letter-spacing:-.035em;text-shadow:0 3px 30px #04101799}.hero h1 em{color:#e8dfc9}.hero-rule{height:25px;display:flex;align-items:center;justify-content:center;gap:16px;max-width:370px;margin:23px auto 0;color:#d8c59b}.hero-rule:before,.hero-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#cfbd8c80)}.hero-rule:after{transform:rotate(180deg)}.hero-copy>p{font-size:18px;max-width:620px;margin:14px auto 0;color:#e4e6df;line-height:1.8}.hero-copy>p span{font-size:14px;color:#becbd0}.hero-actions{justify-content:center;margin-top:29px;gap:14px}.hero-actions .button{min-width:218px}.phase-message{margin:23px auto 0;font-size:11px;gap:3px;max-width:none}.phase-message strong{font-weight:500;letter-spacing:.02em}.phase-message span{color:#bbc7c6}.hero-scroll{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:9px;font-size:9px;letter-spacing:.21em;white-space:nowrap;color:#c5cfcc}.hero-scroll>span:last-child{font-size:18px;line-height:1.1;color:var(--gold)}.hero-motion{bottom:30px;right:28px;background:#0b111466;border-color:#bdcbb92b;font-size:9px}.hero-motion .icon{width:14px;height:14px}.platform-ribbon{display:flex;justify-content:center;align-items:center;gap:clamp(20px,5vw,80px);min-height:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.2em;background:linear-gradient(90deg,#0b1114,#182427,#0b1114);color:#bfc8c5}.platform-ribbon i{font-size:14px;font-style:normal;color:#938563}
.section{max-width:1370px;padding:110px 60px;border-bottom-color:var(--line)}.section-heading{text-align:center;max-width:780px;margin:0 auto 56px}.section-heading h2{font-size:clamp(35px,4vw,55px);line-height:1.15;letter-spacing:-.025em}.section-heading>p{margin:24px auto 0;font-size:14px;max-width:590px}.companion-showcase-section{position:relative}.companion-showcase-section:before{content:'';position:absolute;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#28505222,transparent 65%)}.app-showcase{border:1px solid #b5bda54a;background:#101a1d;box-shadow:0 24px 90px #0006;position:relative}.app-showcase:before,.app-showcase:after{content:'';position:absolute;width:12px;height:12px;pointer-events:none;border-color:#d0b984;border-style:solid}.app-showcase:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.app-showcase:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;padding:15px 23px;color:#b2bebc;border-bottom:1px solid var(--line);background:#1b292b66}.showcase-toolbar>span:first-child{color:#e1d6b9;display:flex;align-items:center;gap:10px}.showcase-toolbar i{width:5px;height:5px;background:#b9d2c1;border-radius:50%}.showcase-toolbar>span:last-child{letter-spacing:.07em;font-size:10px;color:#96a5a5}.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.showcase-tabs button{display:flex;align-items:center;gap:16px;justify-content:center;padding:21px 16px;background:transparent;border:0;border-right:1px solid var(--line);font-size:10px;color:#819294}.showcase-tabs button:last-child{border-right:0}.showcase-tabs button span{font-size:12px;letter-spacing:.035em}.showcase-tabs [aria-selected=true]{color:var(--gold);background:linear-gradient(180deg,#cab78d14,transparent);box-shadow:inset 0 -2px #cdb884}.showcase-tabs button:hover{color:#f2e4c5;background-color:#d4bd8c09}.capture-view{display:block;overflow:hidden;position:relative;aspect-ratio:2.05;background:#161e1d}.capture-view img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.boards-capture img{object-position:31% 0;object-fit:cover}.pantheon-capture img{object-fit:cover;object-position:right center}.skills-capture img{width:100%;height:auto;margin-top:-4.8%;object-fit:initial}.capture-caption{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:linear-gradient(100deg,#1a292b,#101a1d)}.capture-caption h3{font-size:25px}.capture-caption p{font-size:12px;margin-top:8px}.capture-caption>a{font-size:11px;white-space:nowrap;color:var(--gold);padding:10px 0}.capture-note{font-size:10px;color:#859596;padding:0 28px 18px;background:#101a1d}.showcase-follow{display:flex;justify-content:space-between;gap:20px;margin-top:26px;align-items:center;font-size:12px;color:var(--muted)}.showcase-follow .text-link{font-size:12px}.feature-chapters .section-heading{margin-bottom:64px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.chapter-grid article{padding:0 35px;border-right:1px solid var(--line)}.chapter-grid article:first-child{padding-left:0}.chapter-grid article:last-child{border:0;padding-right:0}.chapter-number{font:38px Marcellus,serif;color:#d4bd8c66;display:block;margin-bottom:25px}.chapter-grid h3{font-size:27px;margin-bottom:20px}.chapter-grid p{font-size:13px;line-height:1.9;min-height:106px}.chapter-tags{display:block;font-size:8px;letter-spacing:.1em;color:#b9ad8b;margin-top:27px}.beta-invitation{position:relative;isolation:isolate;padding:110px 40px;overflow:hidden;border-block:1px solid var(--line)}.invitation-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1114e8,#101c22d9),url('assets/world.webp') center 68%/cover}.invitation-inner{text-align:center;max-width:790px;margin:auto}.invitation-inner h2{font-size:clamp(38px,4.5vw,62px)}.invitation-inner>p{margin:25px auto 0;font-size:15px}.invitation-inner .button-row{justify-content:center;margin-top:30px}.invitation-inner .beta-disclosure{font-size:11px;line-height:1.9;color:#a8b7b8;max-width:600px;margin-top:28px}.faq-section{max-width:1030px;padding-top:100px;padding-bottom:100px}.faq-section h2{font-size:43px;margin-bottom:40px}.faq-section details{padding:23px 0}.faq-section summary{list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:14px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';color:var(--gold);font-size:20px;line-height:1}.faq-section details[open] summary:after{content:'−'}.faq-section details p{max-width:740px;line-height:1.9;padding-top:20px}
.inner-page{background:radial-gradient(ellipse 95% 680px at 60% 0,#2a474950,transparent),var(--bg)}.page-main{max-width:1340px;padding:75px 50px 100px}.page-heading{max-width:900px;margin-bottom:55px;position:relative;padding-bottom:32px}.page-heading:after{content:'';position:absolute;bottom:0;left:0;width:72px;height:1px;background:var(--gold)}.page-heading .eyebrow{margin-bottom:22px}.page-heading h1{font-size:clamp(44px,5vw,70px);letter-spacing:-.035em}.page-heading p{font-size:14px;line-height:1.9;max-width:650px}.page-heading .small-note{font-size:11px;color:#a8b5b2;max-width:650px}.account-panel,.membership-card{background:linear-gradient(120deg,#20303388,#101a1de8);border-color:#c6d1be30;box-shadow:0 15px 45px #0002}.account-panel{padding:34px}.account-panel h2{font-size:29px}.account-grid{gap:24px;align-items:start}.panel-top{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px}.status-pill{border-color:#b2bba744;background:#c2b98709;color:#e1cda1;letter-spacing:.02em;padding:4px 10px}.profile-heading img{height:66px;width:58px}.profile-heading h2{font-size:31px}.profile-heading p{font-size:12px}.profile-panel>[data-account-action=logout]{margin-left:0;margin-right:10px}dl>div{font-size:12px;padding:14px 0;border-bottom-color:#b6c6b51c}dt{color:#91a4a5}dd{color:#e0e4db}#profile-edit input,#email-auth-form input:not([type=checkbox]),.verification-page input{background:#08121488;border:1px solid #b5c5b63d;padding:13px 15px;min-height:49px;outline-offset:3px;border-radius:0}input:focus-visible{outline:1px solid var(--teal);border-color:var(--teal)!important}#profile-edit .button{font-size:11px;min-height:43px;padding:10px 18px}.companion-panel{background:linear-gradient(90deg,#132124e8,#102023d9),url('assets/world.webp') center 60%/cover}.companion-panel .eyebrow{margin-bottom:20px}.companion-panel h2{font-size:34px}.auth-gate{max-width:650px;margin:0 auto;padding:42px 46px;border-top:1px solid #d4bd8c80}.auth-method h3{font-size:31px}.auth-method>p{font-size:13px;color:#9fb0b0}#email-auth-form{max-width:none;gap:19px}#email-auth-form .button{width:100%;justify-self:stretch;margin-top:4px}#email-auth-form label{font-size:11px;color:#b6c3bf}#email-auth-form .email-preference{font-size:11px;line-height:1.8}#email-auth-message:empty{display:none}.auth-switch{padding-top:24px;border-top:1px solid var(--line);justify-content:center;font-size:12px}.auth-switch .text-button{font-size:12px}.verification-page{max-width:750px;padding:45px}.membership-grid{gap:24px}.membership-card{padding:38px 29px;position:relative}.membership-card:before{content:'';height:2px;position:absolute;left:0;right:0;top:-1px;background:linear-gradient(90deg,transparent,#d2bd8b,transparent)}.membership-card h2{font-size:29px}.membership-card>p{font-size:12px}.membership-price{margin-top:32px}.membership-price strong{font-size:61px;color:#e7d5ad}.membership-price span{font-size:12px}.membership-card ul{list-style:none;padding-left:0;padding-top:25px;font-size:12px}.membership-card li{position:relative;padding-left:24px;margin-bottom:15px}.membership-card li:before{content:'✧';color:#c6b587;position:absolute;left:0}.membership-card .button{margin-top:12px}.billing-toggle{background:#08121466;padding:5px;border-color:#b7c9bd33;margin-bottom:25px}.billing-toggle button{padding:11px 25px;font-size:12px}.billing-toggle button[aria-pressed=true]{background:#d9c59b;color:#131c1d}.billing-toggle span{background:#00000015;padding:3px 5px}.universal-membership{font-size:12px;margin-bottom:38px}.membership-notes{padding-top:25px;max-width:780px;color:#8fa2a3}.membership-notes p{font-size:11px;line-height:1.9;color:#99a9a9}.games-grid{gap:30px}.game-card{max-width:none;background:linear-gradient(120deg,#1e2b30,#10191d);border-color:#b1c3b63b;box-shadow:0 16px 50px #0004}.game-card>div{padding:42px}.game-card h2{font-size:43px}.game-card p{font-size:14px}.game-card>img{max-height:440px;object-position:right center}.game-features{margin-top:45px;gap:22px}.game-features .account-panel h2{font-size:27px}.game-followup{padding-top:65px}.game-showcase{margin:60px 0}.guide-steps .account-panel{padding:35px}.step-number{font:28px Marcellus,serif;color:#c3b081}.support-grid .account-panel{padding:30px}.support-grid .account-panel h2{font-size:27px}footer{max-width:1440px;padding:55px 60px 30px;border-top:1px solid var(--line)}footer .brand{font-size:18px}footer nav{font-size:10px;gap:24px}footer>p{border-top:1px solid #b5c5b616;padding-top:25px;color:#7e9294;font-size:10px;margin-top:10px}
@media(min-width:1600px){.hero h1{font-size:110px}.hero{min-height:100svh}.hero-copy{max-width:1050px}}
@media(max-width:1100px){.site-header nav{gap:18px;font-size:11px}.site-header .brand{font-size:18px}.brand small{font-size:7px}.site-header{padding-inline:26px}.section{padding-inline:40px}.chapter-grid article{padding-inline:25px}.chapter-grid p{min-height:130px}.membership-card{padding:30px 23px}.membership-card h2{font-size:25px}.capture-caption h3{font-size:22px}}
@media(max-width:960px){.site-header{height:78px}.site-header .brand{font-size:20px}.site-header nav{background:#0b1519f7;backdrop-filter:blur(24px);top:78px;border-bottom:1px solid var(--line);padding:22px 28px;gap:7px}.site-header nav>a{padding:12px!important;min-height:44px}.site-header .nav-account{margin-top:8px}#mobile-menu{border:1px solid #b7c9be40;font-size:20px;min-width:44px;min-height:44px}.hero{padding-top:140px;min-height:850px}.hero h1{font-size:80px}.hero-copy>p{font-size:17px}.hero-scroll{bottom:35px}.hero-motion{bottom:28px}.page-main{padding:55px 32px 75px}.chapter-grid{gap:0}.chapter-grid p{min-height:156px}.game-card>div{padding:28px}.membership-grid{gap:15px}.membership-card{padding:29px 20px}.membership-card h2{font-size:23px}.membership-card .button{padding-inline:12px;font-size:11px;letter-spacing:0}.membership-price strong{font-size:51px}.account-panel{padding:27px}}
@media(max-width:760px){.hero{padding:130px 23px 125px;min-height:790px;min-height:max(760px,100svh)}.hero h1{font-size:clamp(49px,10vw,74px);letter-spacing:-.04em}.hero-crest{height:61px;width:55px;margin-bottom:20px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.15em}.hero-rule{margin-top:20px;max-width:260px}.hero-copy>p{font-size:16px;margin-top:9px}.hero-copy>p span{font-size:12px}.hero-actions{flex-direction:column;align-items:center;gap:12px;margin-top:25px}.hero-actions .button{width:250px;min-height:49px}.phase-message{font-size:10px;max-width:300px;margin-top:20px}.phase-message span{font-size:9px}.hero-scroll{bottom:28px;font-size:8px}.hero-motion{right:13px;bottom:22px;padding:7px;gap:0}.hero-motion>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.platform-ribbon{min-height:66px;gap:14px;padding:12px 16px;font-size:7px;letter-spacing:.12em}.platform-ribbon i{font-size:10px}.section{padding:70px 23px}.section-heading{margin-bottom:33px}.section-heading h2{font-size:35px}.section-heading>p{font-size:12px;line-height:1.9}.showcase-toolbar{font-size:7px;padding:12px 14px;letter-spacing:.1em}.showcase-toolbar>span:last-child{font-size:8px}.showcase-tabs button{padding:16px 8px;gap:0;font-size:0}.showcase-tabs button span{font-size:10px;letter-spacing:0}.capture-view{aspect-ratio:1.2}.boards-capture img{object-position:28% top}.pantheon-capture img{object-position:93% center}.skills-capture img{width:145%;margin-top:-6%;max-width:none}.capture-caption{padding:21px 17px;display:block}.capture-caption h3{font-size:23px}.capture-caption p{font-size:11px}.capture-caption>a{display:inline-block;margin-top:6px;font-size:10px}.capture-note{padding:0 17px 16px;font-size:9px}.showcase-follow{align-items:flex-start;flex-direction:column;gap:9px;font-size:11px}.showcase-follow .text-link{font-size:11px}.chapter-grid{grid-template-columns:1fr;gap:32px}.chapter-grid article,.chapter-grid article:first-child,.chapter-grid article:last-child{padding:0 0 30px;border:0;border-bottom:1px solid var(--line)}.chapter-grid article:last-child{border:0;padding-bottom:0}.chapter-number{font-size:32px;margin-bottom:17px}.chapter-grid h3{font-size:27px;margin-bottom:15px}.chapter-grid p{font-size:13px;min-height:0}.chapter-tags{margin-top:20px;font-size:8px}.feature-chapters .section-heading{margin-bottom:40px}.beta-invitation{padding:70px 23px}.invitation-inner h2{font-size:38px}.invitation-inner>p{font-size:13px}.invitation-inner .button-row{flex-direction:column;gap:22px}.invitation-inner .beta-disclosure{font-size:10px;max-width:380px}.faq-section h2{font-size:35px;margin-bottom:25px}.faq-section summary{font-size:13px;line-height:1.6}.faq-section details p{font-size:12px}.page-main{padding:42px 22px 60px}.page-heading{margin-bottom:35px;padding-bottom:25px}.page-heading h1{font-size:43px}.page-heading p{font-size:13px}.page-heading .eyebrow{font-size:9px}.membership-grid{gap:23px}.membership-card{padding:32px 27px}.membership-card h2{font-size:29px}.membership-price strong{font-size:57px}.membership-card .button{font-size:12px}.universal-membership{font-size:11px;max-width:330px;margin-bottom:30px}.billing-toggle button{padding:11px 18px}.account-panel{padding:26px 23px}.account-panel h2{font-size:27px}.auth-gate{padding:30px 24px}.auth-method h3{font-size:27px}.profile-heading h2{font-size:27px}.companion-panel h2{font-size:30px}.game-card h2{font-size:32px}.game-card>div{padding:27px}.game-card>img{aspect-ratio:1.65;max-height:300px}.game-showcase{margin:40px 0}.guide-steps .account-panel,.support-grid .account-panel{padding:27px 23px}.verification-page{padding:30px 24px}.verification-page h1{font-size:38px}footer{padding:40px 24px 25px;gap:28px}footer nav{gap:17px;font-size:10px}footer>p{line-height:1.8;margin-top:0}}
.hero-copy>.eyebrow{font-size:11px;font-weight:650;color:#fff2cf;text-shadow:0 1px 6px #000,0 0 18px #000;background:#0711179e;border:1px solid #dfd3ad45;padding:8px 16px;width:max-content;max-width:100%;margin-inline:auto;backdrop-filter:blur(10px);letter-spacing:.16em}.hero-crest{width:80px;height:86px;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 18px #f3d49b66)}
@media(min-width:761px) and (max-height:850px){.hero{min-height:100svh;padding-top:113px;padding-bottom:85px}.hero h1{font-size:clamp(58px,5.5vw,83px)}.hero-crest{width:48px;height:52px;margin-bottom:13px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:10px;padding:5px 12px}.hero-rule{margin-top:14px;height:18px}.hero-copy>p{margin-top:10px;font-size:16px}.hero-copy>p span{font-size:12px}.hero-actions{margin-top:20px}.phase-message{margin-top:17px;font-size:10px}.hero-scroll{bottom:20px}}
@media(max-width:760px){.hero-copy>.eyebrow{font-size:9px;padding:8px 12px}.hero-crest{width:65px;height:72px}}
.app-showcase [role=tabpanel]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch}.app-showcase .capture-view{aspect-ratio:auto;min-height:560px;height:680px;max-height:none;background:#111c1e}.app-showcase .capture-view img{width:100%;height:100%;margin:0;object-fit:contain;object-position:center}.app-showcase .capture-caption{flex-direction:column;justify-content:center;align-items:flex-start;padding:42px 37px;border-top:0;border-left:1px solid var(--line);background:linear-gradient(130deg,#20343788,#101a1d)}.capture-caption:before{content:'INSIDE YOUR COMPANION';font-size:8px;letter-spacing:.18em;color:#c6b993;margin-bottom:27px}.app-showcase .capture-caption h3{font-size:37px;line-height:1.2}.app-showcase .capture-caption p{font-size:13px;line-height:1.95;margin-top:24px}.app-showcase .capture-caption>a{margin-top:20px;border-bottom:1px solid #c4b48a66;white-space:normal}.capture-note{padding-top:15px;border-top:1px solid var(--line);margin:0}.overlay-capture{margin:0;border:1px solid #bac6b73b;background:#111c1e;box-shadow:0 20px 65px #0004}.overlay-capture img{display:block;width:100%;height:auto}.overlay-capture figcaption{font-size:10px;padding:16px 22px;color:#a0b4b4;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.overlay-capture figcaption a{color:var(--gold);white-space:nowrap}.game-card>img{object-fit:contain;background:#142123;padding:15px}
@media(max-width:960px){.app-showcase .capture-caption{padding:30px 24px}.app-showcase .capture-caption h3{font-size:30px}.app-showcase .capture-view{height:570px;min-height:0}.showcase-toolbar{padding-inline:18px}}
@media(max-width:760px){.app-showcase [role=tabpanel]{display:block}.app-showcase .capture-view{min-height:0;height:auto;aspect-ratio:auto}.app-showcase .capture-view img{width:100%;height:auto;object-fit:contain;max-width:100%;margin:0}.app-showcase .capture-caption{padding:25px 22px;border-left:0;border-top:1px solid var(--line)}.app-showcase .capture-caption h3{font-size:27px}.app-showcase .capture-caption p{font-size:12px;margin-top:15px}.capture-caption:before{margin-bottom:17px}.app-showcase .capture-caption>a{margin-top:12px}.capture-note{font-size:9px;line-height:1.8}.overlay-capture figcaption{font-size:9px;padding:14px;flex-direction:column;gap:8px}}
/* The site uses a cool silver/blue palette; product captures retain their native colors. */
:root{--bg:#090f1a;--surface:#121c2a;--ink:#eef1f6;--muted:#a2afc1;--gold:#b9d3e7;--line:#b7cbe52a;--teal:#bbdcf4}body{background-color:var(--bg)}em{color:#d9e6f3}.eyebrow{color:#b9d3e7}.site-header{background:#090f1aeb}.home-page .site-header{background:linear-gradient(#091221e0,#0b172080)}.brand small{color:#a6b7c7}.button.gold{background:linear-gradient(115deg,#dfedf5,#8fb4ce);color:#0b1927;border-color:#d3e8f5a1;box-shadow:inset 0 0 0 3px #ffffff12,0 8px 30px #0003}.button.gold:hover:not(:disabled){background:#e8f4fc;box-shadow:0 0 25px #9cd5ff29}.button:not(.gold){border-color:#a7c5dd66}.hero-shade{background:linear-gradient(180deg,#08182d66,#091d324f 25%,#06182a99 70%,var(--bg) 100%),linear-gradient(90deg,#06152a66,transparent 50%,#06152a55)}.hero-world{filter:saturate(.64)}.hero h1 em{color:#e3edf8}.hero-rule{color:#b8d2e8}.hero-rule:before,.hero-rule:after{background:linear-gradient(90deg,transparent,#b8d2e880)}.hero-copy>.eyebrow{color:#edf6ff;background:#07152ab5;border-color:#bfd7ee55}.hero-crest{filter:drop-shadow(0 2px 4px #000) drop-shadow(0 0 17px #b7daff66)}.platform-ribbon{background:linear-gradient(90deg,#0a1020,#18273a,#0a1020)}.platform-ribbon i{color:#9cb5ce}.inner-page{background:radial-gradient(ellipse 95% 680px at 60% 0,#25426944,transparent),var(--bg)}.account-panel,.membership-card,.game-card{background:linear-gradient(120deg,#1a2c4388,#0e1727eb);border-color:#adc9e335}.capture-caption,.app-showcase .capture-caption{background:linear-gradient(130deg,#1a2b4388,#0e1727)}.app-showcase{background:#101b2b;border-color:#a9c4dd55}.showcase-toolbar{background:#192b4266}.showcase-toolbar>span:first-child{color:#d7e8f5}.showcase-tabs [aria-selected=true]{color:#d6e9f8;background:linear-gradient(180deg,#aacfff14,transparent);box-shadow:inset 0 -2px #adcbe4}.capture-caption:before{color:#b1c9dd}.capture-note{background:#101b2b}.membership-price strong{color:#d7e7f6}.membership-card:before{background:linear-gradient(90deg,transparent,#aacbe7,transparent)}.billing-toggle button[aria-pressed=true]{background:#c0d9ec;color:#102134}.chapter-number{color:#a8c9e888}.chapter-tags{color:#a6bfd4}.invitation-art{background:linear-gradient(90deg,#090f1aee,#13273be6),url('assets/world.webp') center 68%/cover}.companion-panel{background:linear-gradient(90deg,#132139ed,#101e30e0),url('assets/world.webp') center 60%/cover}.status-pill{color:#c4dff3;border-color:#adc7dd44}.app-showcase:before,.app-showcase:after{border-color:#bad8ef}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}