/* A quiet showroom lets the characters, numbers and materials lead. */
:root{--ink:#edf5f0;--paper:#0c1c24;--orange:#95d9c7;--muted:#a4b9bf;--line:#9fbec72b}
body{background:#0c1c24}.masthead{background:#0c1c24;border-color:var(--line)}.brand img{filter:none}.masthead nav{color:#c0d0d3}
.button,.button.cream{background:#abe6d4;border-color:#d6fff0;color:#102e2b;box-shadow:0 3px 0 #487c73,0 8px 24px #0003}.button:hover{box-shadow:0 3px 0 #487c73,0 12px 28px #0004}
.hero{grid-template-columns:.86fr 1.25fr;gap:35px;min-height:800px;background:radial-gradient(ellipse at 80% 35%,#25485088,transparent 55%),#0c1c24;padding-top:65px;padding-bottom:90px}.hero:before{background-image:radial-gradient(#a5d3cd35 .6px,transparent .6px)}.hero h1{font-size:clamp(65px,6.3vw,96px)}.hero h1 em{background:none;color:#a4dfcf}.hero .eyebrow,.live-dot,.hero-bottom>span:first-child{color:#aedccb}.live-dot{background:#a4dfcf;box-shadow:0 0 14px #a4dfcf44}.hero .intro{color:#b2c6ca}.hero .actions{flex-wrap:wrap;gap:20px}
.hero-art{width:100%;max-width:690px;height:565px;min-height:565px;display:flex;align-items:center;justify-content:center;gap:24px;padding:35px 8px 48px;isolation:isolate}.hero-card{position:relative;left:auto;top:auto;width:calc(50% - 12px);max-width:292px;flex-shrink:0;aspect-ratio:3/4;animation:arrive .8s both}.card-one{transform:rotate(-5deg) translateY(14px);z-index:1}.card-two{transform:rotate(5deg) translateY(-10px);z-index:2}.hero-card:hover,.hero-card:focus-visible{transform:translateY(-12px) rotate(0);z-index:3}.hero-card .premium-card{box-shadow:0 1px 0 #fff5 inset,0 3px #344951,0 6px #071319,0 22px 32px #0008!important}.art-label{top:6px;left:10px;right:auto;color:#a7c6c9}.sticker{bottom:0;left:10px;right:10px;display:block;text-align:center;border-color:#a5c5c944;color:#c4d8d8;font-size:10px;line-height:1.8}.sticker span{color:#8fb7be;font:10px Arial;letter-spacing:.1em}.orbit{inset:10% -2% 2%;border-color:#85bdb31f;z-index:-1;box-shadow:none}.orbit-two{display:none}.hero-bottom{color:#9cb6bb}
.world{background:#102630}.racers{background:#0e2029}.racer-caption span{color:#9fcebd}.racer p{color:#aac1c7}.evolution{background:radial-gradient(ellipse at 75% 45%,#35656455,transparent 60%),#122a32}.closing{background:radial-gradient(ellipse at 50% 100%,#31595566,transparent 70%),#0e222b}.development{background:#17313a}.ride-symbol,.loop li>span{color:#a4dfcf}.loop li{border-color:#789d9a}.closing>p:last-child{color:#aac1c7}footer{background:#091a22}.game-ticket{background:#102b34e8;border-color:#a8cbc666;color:#c3e0d5}.game-feature:after{background:linear-gradient(90deg,#0a202bec,#0a202b99 48%,transparent)}
.pp-expansion{background:linear-gradient(160deg,#17383d,#0b2029 65%);border-block:1px solid #9cbdb533}.pp-expansion h2 em{color:#a7dac7}.pp-intro{max-width:520px}.pp-set-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:32px 0 12px}.pp-set-bar button{border:1px solid #82b7ab55;background:#10252c;color:#adc9c7;padding:10px 18px;border-radius:30px;font-size:12px}.pp-set-bar button[aria-pressed=true]{background:#c6e7d9;color:#163831;border-color:#c6e7d9}.pp-set-bar>span{margin-left:auto;font-size:11px;color:#a2c1c5}.pp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px;margin-top:25px}.pp-grid .racer-caption{margin-top:16px}.pp-synergy{font-size:12px!important;line-height:1.7!important;margin-top:12px;color:#aec5c6!important}.pp-synergy strong{display:block;color:#e0efdf;font-size:13px;margin-bottom:6px}.pp-note{font-size:12px;color:#a9c5c4;max-width:850px;margin-top:35px;line-height:1.8}.detail-synergy{background:#1b353c;border:1px solid #8cc5b444;padding:18px;border-radius:8px;margin-top:20px}.detail-synergy h3{color:#b5e4d0}.detail-synergy button{background:#102b32;border:1px solid #91bdb455;border-radius:5px;padding:8px 12px;margin:8px 6px 0 0;font-size:12px}.detail-synergy button:hover{background:#31534e}dialog{background:#102630;border-color:#759eaa77}.dialog-close{background:#28454c}.detail-copy>p{color:#bbced0}#racer-detail dd,.detail-copy>h3{color:#b0ddca}
@media(min-width:1550px){.hero-art{max-width:740px}.hero-card{width:290px}.hero-art{height:600px}.card-two{left:auto}.card-one{left:auto}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:0;gap:30px}.hero-copy{max-width:760px}.hero h1{font-size:75px}.hero-art{max-width:680px;justify-self:center}.hero-card{width:270px}.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding-top:40px;gap:20px}.hero h1{font-size:65px}.hero .intro{max-width:490px}.hero-art{height:auto;min-height:0;padding:55px 0 58px;gap:12px;width:100%}.hero-card{width:calc(50% - 6px);max-width:270px}.card-one{left:auto;top:auto;transform:rotate(-3deg)}.card-two{left:auto;top:auto;transform:rotate(3deg) translateY(-8px)}.art-label{font-size:8px}.sticker{font-size:9px;padding:9px 0}.sticker span{font-size:8px}.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.pp-set-bar{gap:8px}.pp-set-bar>span{margin-left:0;width:100%}.pp-set-bar button{padding:8px 12px;font-size:11px}.pp-synergy{font-size:11px!important}.pp-synergy strong{font-size:12px}.hero-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.hero-card{animation:none;transition:none}.hero-card:hover{transform:none}html{scroll-behavior:auto}}
@media(min-width:1101px) and (max-height:850px){.hero{min-height:620px;padding-top:28px;padding-bottom:65px}.hero-art{height:500px;min-height:500px}.hero h1{font-size:76px;margin-block:20px}.hero .actions{margin-top:25px}}
@media(min-width:1101px){.sticker{bottom:-18px}}
@media(max-width:480px){.hero{padding-top:30px;gap:12px}.hero h1{font-size:54px;margin:14px 0}.hero .intro{font-size:13px;line-height:1.65}.hero .actions{margin-top:22px;gap:15px}.hero-art{padding-top:40px}}

/* Match the digital surface instead of giving it a second printed border. */
.hero-card{border-radius:16px}.hero-card .premium-card{box-shadow:0 1px 0 #fff3 inset,0 22px 44px #0008!important}

.hero-motion{position:absolute;right:8px;top:0;z-index:5;border:1px solid #8cb8ad44;background:#132d36;color:#badad0;border-radius:20px;padding:7px 10px;font-size:9px;cursor:pointer}.hero-motion:focus-visible{outline:2px solid #badad0;outline-offset:3px}