/* Bored Blocks — a gameplay-led, character-first presentation. */
:root{--ink:#143449;--muted:#607486;--blue:#0759df;--paper:#f8fbfe;--spring:cubic-bezier(.22,.8,.24,1);font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3{text-wrap:balance;letter-spacing:-.035em}
h2{font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.06}
p{text-wrap:pretty}
.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800}
.header{position:absolute;z-index:10;top:20px;left:50%;transform:translateX(-50%);width:min(1220px,calc(100% - 48px));height:76px;padding:0 12px 0 24px;gap:30px;border-radius:25px;background:#ffffffed;color:var(--ink);box-shadow:0 12px 40px #012e7214,inset 0 1px 0 #fff}
.nav-logo{width:135px;height:68px}
.header nav{gap:32px;font-size:13px}
.header nav a{text-underline-offset:6px;transition:color .25s var(--spring)}
.header nav a:hover{color:var(--blue)}
.menu-toggle{display:none}
.button{border-radius:999px;gap:28px;padding:9px 9px 9px 25px;min-height:60px;background:#ffe16b;color:#193948;box-shadow:inset 0 1px 0 #fff7,0 5px 0 #dbb737;font-size:15px;transition:transform .35s var(--spring),box-shadow .35s var(--spring)}
.button>span{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#14344912;font-size:20px;transition:transform .35s var(--spring)}
.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff7,0 8px 0 #dbb737}
.button:hover>span{transform:translate(2px,-1px) rotate(-6deg)}
.button:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 1px 0 #fff7,0 2px 0 #dbb737}
.button.small{min-height:50px;padding:6px 6px 6px 19px;gap:20px;font-size:12px;box-shadow:none}
.button.small>span{width:36px;height:36px;font-size:17px}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:38px;min-height:760px;height:auto;max-height:none;padding:132px max(40px,calc((100% - 1180px)/2)) 60px;text-align:left;background:#1760e7;color:white;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#fff7 1px,transparent 1px);background-size:30px 30px;opacity:.18;mask-image:radial-gradient(ellipse at 80% 45%,#000,transparent 70%)}
.hero-copy{width:100%;max-width:580px;margin:0;padding:0;z-index:3}
.hero .eyebrow{display:flex;align-items:center;gap:10px;max-width:100%;color:#deedff;margin:0 0 25px;font-size:10px;letter-spacing:.1em}
.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#b7f991;flex:none;display:inline-block}
.hero h1{width:auto;height:auto;margin:0 0 27px;font:700 clamp(3.5rem,5.7vw,5.15rem)/1.02 Fredoka,ui-rounded,sans-serif;letter-spacing:-.045em}
.hero h1>span:not(.sr-only){color:#ffe16b}
.hero .hero-description{font-size:18px;line-height:1.7;color:#e9f2ff;max-width:400px;margin:0 0 31px}
.hero-description em{font-style:normal;color:white;font-weight:750}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.hero-text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:750;min-height:44px}
.hero-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero .availability{display:flex;align-items:center;gap:8px;font-size:11px;color:#d0e4ff;margin:22px 0 0;letter-spacing:.02em}
.availability>span{font-size:7px;color:#b7f991}
.hero-facts{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:38px;padding-top:24px;border-top:1px solid #ffffff30;font-size:11px;color:#e5efff;max-width:440px}
.hero-facts span+span::before{content:'✦';margin-right:16px;color:#ffd85a;font-size:9px}
.hero .hero-store-badges{justify-content:flex-start;margin:23px 0 0;gap:8px;height:48px}
.hero .hero-store-badges .apple-badge{height:40px;width:auto}
.hero .hero-store-badges .google-badge{height:60px;width:auto}
.hero .hero-store-badges+.availability{margin-top:9px}
.hero-stage{position:relative;isolation:isolate;height:565px;min-width:0;display:grid;place-items:center}
.stage-orbit{position:absolute;width:94%;aspect-ratio:1;max-width:520px;border-radius:50%;background:#7ebaff1c;box-shadow:0 0 0 26px #8cc5ff0b,0 0 0 68px #8cc5ff08}
.hero-gameplay{position:relative;width:250px;margin:0;z-index:2;transform:rotate(-4deg)}
.phone-shell{padding:5px;border-radius:40px;background:#d4e8ff;box-shadow:0 22px 60px #00377f2b,inset 0 1px 0 white}
.phone-frame{padding:2px;border:6px solid #183148;border-radius:35px;background:#183148;box-shadow:none;overflow:hidden}
.phone-frame video,.phone-frame>img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;border-radius:25px;background:#167ab8}
.hero-gameplay figcaption{text-align:center;font-size:10px;font-weight:650;color:#d5eaff;margin:18px -25px 0;letter-spacing:.02em}
.hero-gameplay .live-dot{width:5px;height:5px;margin-right:4px}
.hero-gameplay .video-toggle{right:15px;bottom:46px;width:40px;height:40px;background:#0e3155e8;border-color:#d4e8ff8c}
.hero-stage .hero-cast{inset:0;z-index:3}
.hero-stage .hero-cast .block{width:154px;animation:premium-bob 6s var(--spring) infinite;filter:drop-shadow(0 16px 12px #00368a24)}
.hero-stage .hero-red{left:-12px;top:295px;bottom:auto;rotate:-18deg}
.hero-stage .hero-yellow{right:-12px;top:0;bottom:auto;rotate:16deg}
.hero-stage .hero-blue{left:-12px;top:18px;bottom:auto;rotate:-11deg}
.hero-stage .hero-green{right:-35px;top:350px;bottom:auto;rotate:13deg}
.combo-tag{position:absolute;right:-20px;top:236px;z-index:4;background:#fffdf7;padding:17px 23px;border:5px solid #fff5ce;border-radius:20px;transform:rotate(6deg);box-shadow:0 12px 35px #06346c1c;color:var(--ink)}
.combo-tag span{display:block;font-size:10px;margin-bottom:5px;color:#63768a}
.combo-tag strong{font:700 24px Fredoka;letter-spacing:-.025em}
.ticker{background:#e9f3ff;color:#1852a7;min-height:76px;font:700 24px Fredoka;text-transform:none;gap:70px;padding:22px}
.ticker b{font-size:17px;color:#6b9ee9}
.section{width:min(1180px,calc(100% - 80px));padding:108px 0}
.section-heading{gap:65px;margin-bottom:50px;align-items:flex-end}
.section-heading>p{max-width:340px;color:var(--muted);font-size:16px;line-height:1.75}
.section-heading h2{margin-bottom:0}
.how-section{background:#f8fbfe}
.how-section .personality-heading{max-width:740px;margin-bottom:60px}
.personality-heading>p:last-child{font-size:17px;line-height:1.8;max-width:600px;margin:0 auto;color:var(--muted)}
.how-grid{grid-template-columns:1fr 270px 1fr;gap:24px 35px}
.how-card{background:transparent!important;padding:25px 12px 25px 0;border-radius:0;border-top:1px solid #d9e7f1}
.how-card h3{font-size:27px;line-height:1.14;letter-spacing:-.025em}
.how-card>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}
.how-card .eyebrow{font-size:9px;letter-spacing:.09em;margin-top:25px}
.how-visual{height:116px;justify-content:flex-start}
.match-demo .block{max-width:85px}
.slide-demo{justify-content:start;grid-template-columns:85px 24px 85px}
.clock-demo{align-items:flex-start;justify-content:center}
.demo-time-track{max-width:230px}
.plan-demo{justify-content:flex-start}
.real-gameplay{width:240px;transform:rotate(3deg)}
.real-gameplay figcaption{font-size:10px;line-height:1.7;margin:22px 0 0;color:var(--muted)}
.modes{padding-top:35px}
.mode-feature{gap:80px;padding:60px 0 75px;border-top:1px solid #dbe8f1}
.mode-shot{display:grid;justify-items:center;gap:22px;min-width:0;margin:0;padding:30px 25px 25px;border:7px solid #fff;border-radius:36px;background:#e4effc;box-shadow:0 0 0 1px #d4e5f2}
.mode-shot .phone-shell{width:min(260px,100%)}
.mode-shot .phone-frame>img{aspect-ratio:auto;object-fit:contain}
.mode-shot figcaption{text-align:center;font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.mode-shot-campaign{grid-column:1;grid-row:1;background:#e8f6ef;box-shadow:0 0 0 1px #dbece2}
.mode-feature h3{font-size:68px;line-height:1;letter-spacing:-.045em;margin-bottom:23px}
.mode-feature .mode-copy>p.mode-tagline{font-size:31px;color:var(--ink);line-height:1.15;margin-bottom:20px}
.mode-copy>p:not(.eyebrow):not(.mode-tagline){font-size:16px;line-height:1.85;color:var(--muted)}
.mode-facts{gap:36px;padding-top:24px;border-top:1px solid #dbe8f1;max-width:400px;margin-top:30px}
.mode-facts dt{font-size:28px}
.mode-facts dd{font-size:11px;line-height:1.5}
.arcade-art{height:450px;border:7px solid #fff;border-radius:36px;background:#e1efff;box-shadow:0 0 0 1px #d4e5f2,inset 0 1px 0 #fff}
.arcade-clock strong{font-size:90px;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.arcade-float{animation:premium-bob 6s var(--spring) infinite}
.campaign-art{border-radius:36px;padding:28px 24px 32px;background:#e8f6ef;border:7px solid #fff;box-shadow:0 0 0 1px #dbece2}
.campaign-art .game-stage{max-width:310px;background:#f8fff9;border-radius:21px;padding:22px;box-shadow:0 10px 30px #2263480f}
.campaign-objective{margin:0 0 28px;gap:12px}
.campaign-objective strong{font-size:23px}
.campaign-objective div>span{font-size:11px}
.special-section{background:#edf3fc}
.special-section .section-heading .eyebrow{color:#0759df}
.special-grid{grid-template-columns:1.1fr 1fr 1fr;gap:45px}
.special-art{height:270px;border-bottom:1px solid #cfdeef}
.special-caption{padding-top:28px}
.special-caption h3{font-size:31px;letter-spacing:-.025em}
.special-caption p{font-size:14px;line-height:1.85;color:var(--muted)}
.special-caption .eyebrow,.art-number{color:#577895}
.special-art .block{transform:scale(1.65)}
.personality{padding-bottom:95px}
.lineup{max-width:760px;gap:18px;margin:55px auto}
.little-things{border-top-color:#d7e5ee;gap:48px;padding-top:35px}
.little-things strong{font-family:Fredoka,sans-serif;font-size:23px;letter-spacing:-.02em}
.little-things p{font-size:14px;line-height:1.8;color:var(--muted)}
.play-your-way{background:#fff;border-radius:32px;padding:52px;margin-bottom:70px;width:min(1180px,calc(100% - 80px));box-shadow:0 0 0 1px #e2ecf3}
.play-your-way h2{font-size:clamp(2.3rem,4vw,3.7rem)}
.play-your-way .section-heading{gap:40px}
.play-your-way h3{font-size:23px}
.play-your-way .little-things{gap:28px}
.game-answers{padding-top:20px;padding-bottom:100px}
.game-answers details{padding:23px 0;border-color:#d7e5ee}
.game-answers summary{font-size:18px;list-style-position:outside;margin-left:20px}
.game-answers details p{font-size:15px;color:var(--muted);padding-left:20px;line-height:1.85}
.download{background:#145de0;color:white;min-height:470px;padding:85px max(40px,calc((100% - 1180px)/2));border-radius:42px 42px 0 0;isolation:isolate}
.download-content{max-width:720px}
.download .eyebrow{color:#c8e0ff}
.download h2{font-size:clamp(3.8rem,7vw,6.2rem);letter-spacing:-.045em;line-height:.98;margin-bottom:25px}
.download p{color:#d5e6ff;font-size:16px}
.download .text-link{color:white;font-size:13px}
.stores{gap:12px;margin:28px 0}
.store{min-width:190px;padding:12px 18px;background:#ffffff0e;border:1px solid #ffffff5e;border-radius:14px;gap:12px}
.store small{color:#daeaff;letter-spacing:.02em}
.store strong{font-size:19px}
.download-block{width:350px;right:max(10px,calc((100% - 1280px)/2));top:100px;rotate:14deg;z-index:-1}
footer{padding:32px max(40px,calc((100% - 1180px)/2));background:#f8fbfe;gap:20px 50px}
footer img{width:145px;height:76px}
footer p,footer small{color:var(--muted)}
footer nav a{min-height:44px;display:inline-flex;align-items:center}
footer nav a:hover{color:var(--blue)}
footer small{border-color:#d7e5ee}
.text-link{transition:color .25s var(--spring)}
.text-link:hover{color:var(--blue)}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s var(--spring),transform .8s var(--spring)}
.reveal-ready.revealed{opacity:1;transform:none}
.motion-paused .block,.motion-paused .sweat,.motion-paused .eye{animation-play-state:paused!important}
@keyframes premium-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media(min-width:1500px){.hero{padding-top:150px;padding-bottom:80px;min-height:810px}.hero h1{font-size:84px}.hero-stage{height:580px}.hero-gameplay{width:263px}}
@media(max-width:1100px){.hero{gap:20px;padding-right:40px;padding-left:40px;min-height:720px}.hero h1{font-size:clamp(3.3rem,6vw,4.5rem)}.hero-stage{height:535px}.hero-gameplay{width:225px}.hero-stage .hero-cast .block{width:125px}.hero-stage .hero-green{right:-20px}.hero-stage .hero-blue{left:-25px}.combo-tag{right:-12px;padding:14px 18px}.combo-tag strong{font-size:20px}.hero-text-link{font-size:12px}.hero-actions{gap:18px}.section-heading{gap:40px}.how-grid{grid-template-columns:1fr 230px 1fr;gap:22px}.real-gameplay{width:215px}.how-card h3{font-size:24px}.how-visual{height:100px}.how-visual .block{width:85px}.slide-demo{grid-template-columns:70px 20px 70px;gap:8px}.mode-feature{gap:45px}.special-grid{gap:30px}.special-art .block{transform:scale(1.45)}}
@media(max-width:850px){.header{width:calc(100% - 32px);padding-left:15px;gap:18px}.header nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr 1fr;padding-left:26px;padding-right:26px;min-height:690px}.hero h1{font-size:50px}.hero .hero-description{font-size:16px}.hero-stage{height:510px}.hero-gameplay{width:205px}.hero-stage .hero-cast .block{width:110px}.combo-tag{right:-8px;top:230px;padding:10px 13px}.combo-tag span{font-size:8px}.combo-tag strong{font-size:17px}.hero-facts{gap:10px;font-size:10px}.hero-facts span+span::before{margin-right:8px}.section{width:calc(100% - 52px);padding:80px 0}.how-grid{grid-template-columns:1fr 1fr;gap:22px 30px}.real-gameplay{grid-column:1/-1;grid-row:1;width:235px;max-width:none;margin-bottom:25px}.how-slide{grid-column:1;grid-row:2}.how-match{grid-column:2;grid-row:2}.how-time{grid-column:1;grid-row:3}.how-plan{grid-column:2;grid-row:3}.how-card h3{font-size:27px}.special-grid{gap:22px}.special-caption h3{font-size:27px}.special-art .block{transform:scale(1.25)}.special-art{height:215px}.download-block{width:290px;right:-20px;top:145px}.play-your-way{padding:35px;width:calc(100% - 52px);margin-bottom:60px}.play-your-way .section-heading{display:block}.play-your-way .section-heading>p{max-width:550px;margin-top:20px}.little-things{gap:25px}}
@media(max-width:650px){.header{top:14px;height:66px;border-radius:21px;gap:10px;padding:0 8px 0 12px}.nav-logo{width:105px;height:58px}.header>.button.small{margin-left:auto;min-height:44px;padding-left:15px;gap:12px;font-size:11px}.button.small>span{width:31px;height:31px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#eaf2fc;order:3}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .35s var(--spring)}.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:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;background:#fff;border-radius:22px;box-shadow:0 24px 55px #14344926;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .3s var(--spring),transform .3s var(--spring),visibility .3s}.header nav[data-open=true]{visibility:visible;opacity:1;transform:none}.header nav a{font:700 25px/1.4 Fredoka;min-height:48px;width:100%;padding:7px}.hero{display:grid;grid-template-columns:1fr;gap:35px;padding:125px 24px 38px;min-height:0;max-height:none;height:auto}.hero-copy{max-width:540px;margin:auto}.hero .eyebrow{font-size:8px;letter-spacing:.075em;margin-bottom:20px;gap:7px}.hero h1{font-size:clamp(2.8rem,11.8vw,4.6rem);line-height:1.03;margin-bottom:23px}.hero .hero-description{font-size:16px;line-height:1.75;max-width:380px;margin-bottom:25px}.hero-actions{gap:20px}.hero .button{font-size:13px;gap:18px;min-height:54px;padding:7px 7px 7px 20px}.hero .button>span{width:37px;height:37px;font-size:18px}.hero-text-link{font-size:11px;gap:7px}.hero .availability{font-size:10px;margin-top:21px}.hero-facts{margin-top:24px;padding-top:20px;font-size:9px;gap:10px 12px}.hero-facts span+span::before{margin-right:9px;font-size:7px}.hero-stage{height:530px;width:100%;max-width:420px;margin:0 auto}.hero-gameplay{width:221px;transform:none}.stage-orbit{width:95%;max-width:370px}.hero-stage .hero-cast .block{width:109px;max-width:none;bottom:auto;animation:none}.hero-stage .hero-red{left:-5px;top:280px;rotate:-15deg}.hero-stage .hero-yellow{right:-6px;top:12px;left:auto;rotate:12deg}.hero-stage .hero-blue{left:-10px;top:5px;rotate:-12deg}.hero-stage .hero-green{right:-9px;top:358px;rotate:10deg}.combo-tag{right:-5px;top:210px;padding:12px;border-width:4px;border-radius:15px;transform:rotate(5deg)}.combo-tag strong{font-size:17px}.combo-tag span{font-size:8px}.hero-gameplay figcaption{font-size:9px}.ticker{gap:23px;font-size:21px;min-height:66px;flex-wrap:nowrap;padding:20px 12px}.ticker b{font-size:12px}.ticker span:last-child,.ticker b:last-of-type{display:inline}.section{width:calc(100% - 40px);padding:72px 0}.section-heading{display:block;margin-bottom:34px}.section-heading>p{max-width:100%;font-size:15px;margin-top:20px}.section-heading h2,h2{font-size:40px}.how-section .personality-heading{text-align:left;margin-bottom:38px}.personality-heading>p:last-child{font-size:15px;line-height:1.8}.how-grid{gap:20px;grid-template-columns:1fr 1fr}.how-card{grid-column:auto;grid-row:auto;padding:20px 0}.how-slide,.how-time{grid-column:1}.how-match,.how-plan{grid-column:2}.how-slide,.how-match{grid-row:2}.how-time,.how-plan{grid-row:3}.real-gameplay{grid-column:1/-1;grid-row:1;width:230px;margin:0 auto 10px;transform:none}.how-card h3{font-size:23px;line-height:1.1}.how-card>p:last-child{font-size:12px;line-height:1.8}.how-card .eyebrow{font-size:8px;margin-top:18px}.how-visual{height:88px}.how-visual .block{width:74px}.match-demo .block{width:32%;max-width:65px}.slide-demo{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:5px}.slide-demo .block{width:100%;height:100%}.slide-arrow{font-size:20px!important}.plan-demo{gap:8px}.plan-demo>span{font-size:8px}.plan-demo .block{width:62px}.clock-demo strong{font-size:39px}.clock-demo>span:last-child{font-size:8px}.demo-time-track{width:94%}.modes{padding-top:18px}.mode-feature{grid-template-columns:1fr;gap:30px;padding:38px 0 48px}.mode-feature h3{font-size:55px}.mode-feature .mode-copy>p.mode-tagline{font-size:28px}.mode-copy>p:not(.eyebrow):not(.mode-tagline){font-size:15px}.mode-facts{gap:40px;margin-bottom:0;padding-top:22px}.mode-facts dt{font-size:27px}.arcade-art{height:390px;border-radius:29px}.arcade-clock{top:145px}.arcade-clock strong{font-size:82px}.arcade-float{width:118px}.float-one{top:10px;left:10px}.float-two{top:30px;right:8px}.float-three{bottom:10px;left:25px}.campaign-feature .mode-copy,.campaign-art{grid-column:1;grid-row:auto}.campaign-art{padding:20px 15px 28px;border-radius:29px}.campaign-objective strong{font-size:21px}.campaign-objective div>span{font-size:10px}.campaign-art .game-stage{max-width:290px;padding:18px;border-radius:18px}.special-grid{grid-template-columns:1fr;gap:10px}.special{grid-template-columns:120px 1fr;gap:20px;padding:28px 0;border-color:#cfdeef}.special-art{height:175px;border:0}.special-art .block{transform:scale(1.1)}.special-caption{padding:8px 0 0}.special-caption h3{font-size:28px;margin:10px 0}.special-caption p{font-size:13px;line-height:1.8}.special-caption .eyebrow{font-size:8px}.personality h2{font-size:40px}.lineup{gap:3px;margin:35px auto 40px}.little-things{grid-template-columns:1fr;gap:22px}.little-things>div{display:block}.little-things strong{font-size:23px}.little-things p{font-size:14px;margin:8px 0 0}.play-your-way{padding:30px 22px;border-radius:25px;margin-bottom:45px}.play-your-way h2{font-size:35px}.play-your-way .section-heading{margin-bottom:28px}.play-your-way .little-things{gap:23px}.play-your-way h3{font-size:22px}.game-answers{padding-top:20px;padding-bottom:70px}.game-answers summary{font-size:16px;line-height:1.5;margin-left:18px}.game-answers details p{font-size:14px;padding-left:0}.download{padding:60px 24px 185px;border-radius:28px 28px 0 0;min-height:0}.download-content{max-width:none}.download h2{font-size:61px}.download p{font-size:14px}.download-block{top:auto;bottom:-65px;right:-10px;width:235px}.stores{gap:9px}.store{min-width:0;flex:1;padding:11px 12px;gap:9px}.store strong{font-size:16px}.store small{font-size:8px}.store img{width:21px}footer{grid-template-columns:1fr;padding:25px 24px;gap:12px}footer img{width:135px;height:74px}footer p{margin-top:-10px}footer nav{gap:24px;font-size:12px}footer small{padding-top:20px;grid-column:auto}}
@media(max-width:360px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:43px}.hero-actions{gap:13px}.hero-text-link{font-size:10px}.hero-stage{height:480px}.hero-gameplay{width:202px}.hero-stage .hero-cast .block{width:89px}.hero-stage .hero-red{top:260px;left:-7px}.hero-stage .hero-blue{left:-10px}.hero-stage .hero-green{top:330px;right:-8px}.hero-stage .hero-yellow{right:-9px}.combo-tag{right:-8px;top:195px;padding:9px}.combo-tag strong{font-size:15px}.hero-facts{font-size:8px;gap:8px}.hero-facts span+span::before{margin-right:7px}.ticker{font-size:18px;gap:18px}.special{grid-template-columns:95px 1fr;gap:15px}.special-art .block{transform:scale(.9)}.how-card h3{font-size:21px}.plan-demo .block{width:52px}.plan-demo>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}.hero-gameplay,.real-gameplay,.combo-tag{transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:650px){.mode-shot{padding:25px 16px 22px;border-radius:29px;gap:20px}.mode-shot .phone-shell{width:min(250px,100%)}.mode-shot-campaign{grid-column:1;grid-row:auto}}
/* Restore the original logo-led hero without reverting the page improvements. */
.hero.hero-restored{display:block;text-align:center;height:748px;min-height:700px;max-height:none;padding:118px 0 0;background:#085de8}
.hero.hero-restored::before{content:none}
.hero-restored .hero-copy{width:min(540px,90%);max-width:540px;margin:auto;padding:0}
.hero-restored .eyebrow{display:block;color:#c3ecff;font-size:12px;letter-spacing:0;margin:0 0 18px}
.hero-restored h1{margin:0 auto -4px;width:440px;max-width:100%;height:232px;font:inherit;letter-spacing:0}
.hero-restored h1 img{width:100%;height:100%;object-fit:contain}
.hero-restored .tagline{font:700 32px/1.2 Fredoka,sans-serif;margin-bottom:14px}
.hero.hero-restored .hero-description{max-width:none;font-size:17px;line-height:1.45;color:#e4f4ff;margin:0 0 26px}
.hero-restored .button{min-height:58px;padding:16px 24px;gap:32px;background:#ffdf42;border-radius:7px;box-shadow:0 5px 0 #c69d19;font-size:16px}
.hero-restored .button>span{display:inline;width:auto;height:auto;background:none;border-radius:0;font-size:inherit}
.hero.hero-restored .hero-store-badges{justify-content:center;margin:20px 0 0}
.hero.hero-restored .availability{display:block;font-size:12px;margin:14px 0 20px;color:#d3eaff;letter-spacing:0}
@media(max-width:650px){.hero.hero-restored{height:700px;min-height:700px;padding:108px 0 0}.hero-restored .eyebrow{font-size:10px;margin-bottom:3px}.hero-restored h1{height:190px;width:340px}.hero-restored .tagline{font-size:26px}.hero.hero-restored .hero-description{font-size:15px;margin-bottom:23px}.hero-restored .button{font-size:14px;min-height:53px;gap:20px}.hero-restored .hero-cast .block{width:23%;max-width:110px;top:auto;bottom:18px}.hero-restored .hero-cast .hero-yellow,.hero-restored .hero-cast .hero-green{bottom:30px}}
@media(max-width:360px){.hero-restored h1{width:290px}.hero-restored .tagline{font-size:23px}}