@font-face{font-family:Fredoka;src:url(fredoka-bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172a3a;background:#fff;--blue:#085de8;--tile-red:url(red-plastic-v3.png);--tile-yellow:url(yellow-plastic-v3.png);--tile-blue:url(blue-plastic-v3.png);--tile-green:url(green-plastic-v3.png);letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fb4b70;outline-offset:5px}h1,h2,h3,p{margin-top:0}h2,h3{font-family:Fredoka,ui-rounded,sans-serif;line-height:1.06;font-weight:700}h2{font-size:54px;margin-bottom:22px}h3{font-size:40px}p{line-height:1.65}.skip{position:absolute;top:-70px;left:15px;padding:12px;background:white;z-index:30}.skip:focus{top:12px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(24px,calc((100% - 1200px)/2));background:var(--blue);color:white}.nav-logo{width:146px;height:76px;object-fit:contain}.header nav{display:flex;gap:34px;font-size:14px;font-weight:750}.header nav a,footer a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:16px 24px;background:#ffdf42;color:#142934;text-decoration:none;font-weight:850;font-size:16px;border:0;border-radius:7px;box-shadow:0 5px 0 #c69d19;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.small{min-height:42px;padding:11px 16px;font-size:13px;gap:22px;box-shadow:none}.hero{position:relative;isolation:isolate;background:var(--blue);color:#fff;text-align:center;height:660px;max-height:calc(100svh - 150px);min-height:530px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-top:30px;width:min(540px,90%);margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:850;margin-bottom:18px;line-height:1.4}.hero .eyebrow{color:#c3ecff}.hero h1{margin:0 auto -4px;width:440px;max-width:100%;height:232px}.hero h1 img{width:100%;height:100%;object-fit:contain}.tagline{font-family:Fredoka,sans-serif;font-size:32px;line-height:1.2;margin-bottom:14px}.hero-description{font-size:17px;color:#e4f4ff;margin-bottom:26px}.availability{font-size:12px;margin:20px 0;color:#d3eaff}.hero-cast{position:absolute;inset:0;z-index:1;pointer-events:none}.block{position:relative;aspect-ratio:1;width:160px;background-position:center;background-size:100%;background-repeat:no-repeat;border:0;padding:0;background-color:transparent;filter:drop-shadow(0 14px 10px #122f412c)}.block.red{background-image:var(--tile-red)}.block.yellow{background-image:var(--tile-yellow)}.block.blue{background-image:var(--tile-blue)}.block.green{background-image:var(--tile-green)}.tile-face{position:absolute;left:50%;top:51.7%;width:34%;height:34%;transform:translate(-50%,-50%);pointer-events:none}.eye,.mouth{position:absolute;display:block;background:#0c0c10}.eye{top:2%;width:24.5%;height:67.45%;border-radius:999px}.eye:after{content:'';position:absolute;left:7%;top:4%;width:52%;height:21%;border-radius:50%;background:#ffffffc9;filter:blur(.4px)}.eye.left{left:6%}.eye.right{right:6%}.mouth{left:33%;top:82%;width:34%;height:8%;border-radius:999px;transform:rotate(-4deg)}.happy .mouth{top:76%;height:20%;border-radius:18% 18% 65% 60%;transform:rotate(-10deg)}.happy .mouth:after{content:'';position:absolute;left:29%;bottom:8%;width:48%;height:28%;border-radius:50%;background:#f985a1}.hero-cast .block{position:absolute;width:260px;animation:float 5s ease-in-out infinite}.hero-red{left:calc(50% - 640px);top:30px;rotate:-20deg}.hero-yellow{right:calc(50% - 620px);top:26px;rotate:17deg;animation-delay:-2s!important}.hero-blue{left:calc(50% - 500px);bottom:5px;rotate:12deg;animation-delay:-1s!important}.hero-green{right:calc(50% - 500px);bottom:6px;rotate:-15deg;animation-delay:-3s!important}.hero-edition{position:absolute;bottom:23px;left:0;right:0;font-size:11px;color:#cbe7ff}.ticker{background:#ffdf42;display:flex;justify-content:center;align-items:center;gap:50px;min-height:62px;padding:14px 22px;text-transform:uppercase;font-size:12px;font-weight:900}.ticker b{font-size:23px;color:#b88a00}.section{width:min(1200px,calc(100% - 64px));margin:auto;padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}.section-heading>p{max-width:350px;margin:0 0 22px;color:#536674;font-size:17px}.section-heading h2{margin-bottom:14px}.modes .eyebrow{color:#0759d9}.mode-tabs{display:flex;border-bottom:1px solid #d8e1e7}.mode-tabs button{background:none;border:0;border-bottom:4px solid transparent;min-height:64px;width:210px;color:#526573;font-size:12px;display:flex;gap:18px;align-items:center;padding:12px 22px}.mode-tabs span{font-weight:850;font-size:18px}.mode-tabs button[aria-selected=true]{border-color:#085de8;color:#085de8}.mode-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:48px 50px 0 0}.mode-copy>p:not(.eyebrow){font-size:17px;color:#536674;max-width:460px}#mode-title{white-space:pre-line}.mode-facts{display:flex;gap:48px;margin:32px 0}.mode-facts dt{font-family:Fredoka,sans-serif;font-size:30px;color:#085de8}.mode-facts dd{margin:6px 0 0;font-size:12px;color:#536674}.text-link{display:inline-flex;gap:24px;font-weight:800;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.game-stage{background:#e8f3ff;padding:30px 35px 22px;rotate:2deg;border-radius:8px;width:100%;max-width:455px;justify-self:center}.stage-heading{display:flex;align-items:center;justify-content:space-between;font-weight:900;margin:0 5px 19px;color:#123d64;font-size:13px}.stage-heading span:last-child{font-family:Fredoka,sans-serif;font-size:28px}.mini-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#123e67;padding:12px;border-radius:8px}.mini-board .block{width:100%;filter:none}.empty-slot{border-radius:20%;margin:9%;background:#072c4c}.stage-bottom{display:flex;gap:16px;align-items:center;font-weight:850;font-size:17px;padding:18px 5px 0}.time-bar{flex:1;height:9px;background:#c7d7e4;border-radius:10px}.time-bar i{display:block;height:100%;width:78%;background:#3fcf54;border-radius:10px}.stage-note{text-align:center;font-size:12px;color:#42627b;margin:13px 0 0}.mode-panel[data-mode=campaign] .game-stage{background:#e2f8ef;rotate:-2deg}.mode-panel[data-mode=campaign] .mode-facts dt{color:#058356}.target-dot{position:absolute;top:4%;right:4%;width:17%;height:17%;background:#f5334b;border:2px solid white;border-radius:50%}.special-section{background:#fff0f1}.special-section .eyebrow{color:#ba3654}.special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.special-art{position:relative;display:grid;place-items:center;height:280px;border-bottom:1px solid #e5ccd1}.special-art .block{width:215px}.art-number{position:absolute;bottom:18px;left:0;font:700 14px Fredoka;color:#a46674}.special-caption{padding-top:25px}.special-caption .eyebrow{font-size:10px;margin:0}.special-caption h3{font-size:30px;margin:12px 0}.special-caption p{font-size:15px;color:#5b5967;max-width:330px}.bomb .eye{height:61.75%;animation:shifty 4.1s infinite}.bomb .eye:before{content:'';position:absolute;top:-34%;left:-27%;width:155%;height:23%;background:#132f45;border-radius:90% 0 85% 80%;rotate:-18deg}.bomb .eye.right:before{rotate:18deg}.bomb .mouth{height:16%;width:26%;left:37%;top:80%;background:none;border-top:3px solid #0c0c10;border-radius:50%;transform:none}.sweat{position:absolute;right:17%;top:22%;width:11%;height:15%;border:1px solid #e6fbff;border-radius:75% 0 65% 65%;rotate:-35deg;background:#86e5fb;animation:sweat 3.6s infinite}.armored{box-shadow:inset 0 0 0 7px #8db0b2;border-radius:27%}.armor-health{position:absolute;bottom:5%;left:39%;display:flex;gap:5px;width:22%;height:8%}.armor-health i{width:40%;height:100%;background:#4ff783;border:2px solid white;border-radius:1px;box-shadow:0 2px 2px #154033}.blast{animation:blast .55s ease-out!important}.personality{text-align:center;padding-bottom:70px}.personality-heading>p:last-child{color:#536674}.personality .eyebrow{color:#07825a}.lineup{display:flex;justify-content:center;gap:12px;margin:35px auto 42px;max-width:820px}.lineup .block{width:23%;rotate:-6deg}.lineup .block:nth-child(even){rotate:7deg;translate:0 -12px}.little-things{border-top:1px solid #d8e3e2;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:35px;text-align:left}.little-things strong{font-size:17px}.little-things p{font-size:14px;color:#536674;margin:10px 0}.download{position:relative;overflow:hidden;background:#bdf264;padding:76px max(32px,calc((100% - 1200px)/2));min-height:450px}.download-content{position:relative;z-index:1;max-width:660px}.download h2{font-size:72px}.download p{color:#31553a}.download-block{position:absolute;width:410px;right:calc(50% - 650px);top:100px;rotate:16deg}.stores{display:flex;gap:12px;margin:25px 0}.store{display:flex;gap:12px;align-items:center;background:#182b28;color:#fff;padding:12px 18px;border-radius:7px;min-width:185px}.store img{object-fit:contain;filter:brightness(0) invert(1)}.store small{display:block;font-size:10px;margin-bottom:2px;color:#d5e4db}.store strong{font-size:19px}footer{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:16px 40px;padding:28px max(32px,calc((100% - 1200px)/2));background:#fff}footer img{width:150px;height:80px;object-fit:contain}footer p{font-size:13px;margin:0;color:#536674}footer nav{display:flex;gap:25px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #e5ebef;padding-top:20px;font-size:11px;color:#657784}
@keyframes float{50%{translate:0 -15px}}@keyframes shifty{0%,22%,76%,100%{translate:0 0}29%,40%{translate:-3px 0}49%,62%{translate:3px 0}}@keyframes sweat{0%,40%,100%{translate:0 0;opacity:1}70%{translate:0 35px;opacity:0}71%{translate:0 0;opacity:0}}@keyframes blast{35%{scale:1.18;filter:brightness(1.6)}70%{scale:.7;rotate:9deg}}
@media(min-width:1550px){.hero{height:720px}.hero-copy{padding-top:48px}.hero-cast .block{width:290px}}
@media(max-width:1000px){.header nav{gap:20px}.hero-cast .block{width:210px}.hero-red{left:-70px}.hero-yellow{right:-70px}.hero-blue{left:20px}.hero-green{right:20px}.section-heading{gap:30px}.section-heading>p{max-width:280px}h2{font-size:44px}.mode-panel{gap:35px;padding-right:0}.mode-copy h3{font-size:34px}.special-art .block{width:180px}.special-art{height:230px}.download-block{right:-80px;width:320px}.download-content{max-width:65%}}
@media(max-width:650px){html{scroll-padding-top:20px}.header{height:72px;padding:0 18px;gap:12px}.nav-logo{width:116px;height:62px}.header nav{display:none}.button.small{font-size:12px;padding:10px 12px;gap:15px}.hero{height:600px;min-height:540px;max-height:none}.hero-copy{padding-top:20px}.hero h1{height:190px;width:340px}.hero .eyebrow{font-size:10px;margin-bottom:3px}.tagline{font-size:26px}.hero-description{font-size:15px;margin-bottom:23px}.hero .button{font-size:14px;min-height:53px;gap:20px}.hero-cast .block{width:145px}.hero-red{left:-51px;top:100px}.hero-yellow{right:-55px;top:125px}.hero-blue{left:calc(50% - 156px);bottom:20px;rotate:10deg}.hero-green{right:calc(50% - 156px);bottom:15px;rotate:-12deg}.hero-edition{display:none}.ticker{gap:14px;font-size:9px;min-height:52px;flex-wrap:wrap}.ticker span:last-child,.ticker b:last-of-type{display:none}.section{width:calc(100% - 40px);padding:62px 0}.section-heading{display:block;margin-bottom:22px}h2{font-size:36px}.section-heading>p{max-width:100%;font-size:15px}.mode-tabs button{width:50%;min-height:58px;padding-left:10px}.mode-panel{grid-template-columns:1fr;padding-top:30px;gap:34px}.mode-copy h3{font-size:32px}.mode-copy>p:not(.eyebrow){font-size:15px}.mode-facts{margin:24px 0;gap:35px}.mode-facts dt{font-size:27px}.game-stage{max-width:360px;padding:22px}.special-grid{grid-template-columns:1fr;gap:25px}.special{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #e5ccd1}.special-art{height:175px;border:0}.special-art .block{width:140px}.special-caption{padding-top:6px}.special-caption h3{font-size:26px}.special-caption p{font-size:13px}.special-caption .eyebrow{font-size:9px}.art-number{bottom:0;left:10px}.lineup{gap:1px;margin:32px 0}.little-things{grid-template-columns:1fr;gap:16px;padding-top:26px}.little-things>div{display:grid;grid-template-columns:120px 1fr;gap:20px}.little-things strong{font-size:14px}.little-things p{font-size:13px;margin:0}.download{padding:52px 20px 195px}.download-content{max-width:none}.download h2{font-size:52px}.download p{font-size:14px}.download-block{width:210px;right:-12px;top:auto;bottom:-45px}.stores{gap:8px}.store{padding:12px;min-width:0;flex:1;gap:8px}.store strong{font-size:16px}.store img{width:22px}.store small{font-size:9px}footer{grid-template-columns:1fr;gap:16px;padding:22px 20px}footer p{margin-top:-20px}footer nav{gap:22px;margin:8px 0}footer small{grid-column:auto}.personality h2{font-size:36px}}
@media(max-width:360px){.hero h1{width:290px}.tagline{font-size:23px}.hero-cast .block{width:130px}.hero-red{left:-58px}.hero-yellow{right:-63px}.special{grid-template-columns:105px 1fr;gap:16px}.special-art .block{width:110px}.special-caption h3{font-size:23px}.little-things>div{grid-template-columns:100px 1fr}}
@media(max-width:650px){.hero{height:540px}.hero-cast .block{width:23%;max-width:110px;top:auto;bottom:35px}.hero-red{left:3%;rotate:-12deg}.hero-yellow{right:auto;left:26%;bottom:50px;rotate:8deg}.hero-blue{left:49%;rotate:-7deg}.hero-green{right:3%;bottom:50px;rotate:10deg}}
.how-section{background:#f3f7fa}.how-section .personality-heading{text-align:center;max-width:700px;margin:0 auto 44px}.how-section .eyebrow{color:#0759d9}.how-grid{display:grid;grid-template-columns:1fr 300px 1fr;gap:24px;align-items:stretch}.how-card{border-radius:8px;padding:26px;background:#fff;min-width:0}.how-card h3{font-size:29px;margin-bottom:14px}.how-card>p:last-child{font-size:15px;color:#526573;margin-bottom:0}.how-card .eyebrow{font-size:10px;margin:22px 0 12px}.how-slide{grid-column:1;grid-row:1;background:#e0efff}.how-match{grid-column:3;grid-row:1;background:#ffe4e9}.how-time{grid-column:1;grid-row:2;background:#fff2b7}.how-plan{grid-column:3;grid-row:2;background:#dff5e6}.how-visual{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.how-visual .block{width:96px;flex-shrink:0}.slide-demo{justify-content:flex-start;padding-left:8px;gap:12px}.slide-space{width:92px;height:92px;background:#b2cfe8;border:2px dashed #557e9f;border-radius:20px}.slide-demo .block{position:absolute;left:8px;animation:demo-slide 3.8s ease-in-out infinite}.slide-arrow{margin-left:70px;font-size:35px;color:#0759d9}.match-demo .block{width:32%;max-width:90px;animation:demo-match 3.8s ease-in-out infinite}.match-demo .block:nth-child(2){animation-delay:.12s}.match-demo .block:nth-child(3){animation-delay:.24s}.clock-demo{flex-direction:column;gap:12px}.clock-demo strong{font:700 48px Fredoka;color:#173d60}.clock-demo>span:last-child{font-size:11px;font-weight:700}.demo-time-track{width:90%;height:10px;background:#d9c97d;border-radius:6px;overflow:hidden}.demo-time-track i{display:block;background:#27bc69;width:78%;height:100%}.plan-demo{gap:18px}.plan-demo>span{font-size:12px;font-weight:800;line-height:1.5;color:#167447}.real-gameplay{grid-column:2;grid-row:1/3;align-self:center;position:relative;margin:0;text-align:center}.phone-frame{border:7px solid #172126;border-radius:39px;padding:3px;background:#172126;box-shadow:0 20px 35px #172a3a24;overflow:hidden}.phone-frame video{display:block;width:100%;aspect-ratio:390/844;object-fit:contain;border-radius:28px;background:#167ab8}.real-gameplay figcaption{font-size:11px;color:#536674;margin-top:19px}.video-toggle{display:grid;place-items:center;width:38px;height:38px;position:absolute;right:14px;bottom:44px;border:1px solid #ffffffa6;border-radius:50%;background:#173d60;color:white;font-size:18px}.hero-description{line-height:1.45}.hero .availability{margin-top:14px}@keyframes demo-slide{0%,20%,100%{translate:0 0}45%,75%{translate:104px 0}}@keyframes demo-match{0%,25%,100%{scale:1;filter:none}45%,60%{scale:1.08;filter:brightness(1.18)}}
@media(max-width:1000px){.how-grid{grid-template-columns:1fr 1fr}.real-gameplay{grid-column:1/-1;grid-row:1;max-width:300px;justify-self:center}.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}}
@media(max-width:650px){.how-grid{gap:16px}.how-card{padding:20px;grid-column:1/-1;grid-row:auto}.real-gameplay{grid-column:1/-1;grid-row:1;width:min(280px,100%);margin-bottom:12px}.how-card h3{font-size:27px}.how-visual{height:105px}.how-card .eyebrow{margin-top:14px}.hero-copy .availability{margin-top:14px}.hero-cast .block{bottom:18px}.hero-cast .hero-yellow,.hero-cast .hero-green{bottom:30px}}
.block.armored{box-shadow:none;border-radius:0;background-size:118% 118%}
.armor-health{width:auto;height:auto}
.block.armored { container-type: inline-size; }
.block.armored::before { content: ''; position: absolute; inset: 2% 3% 2% 3%; border: min(5px, 4.2cqw) solid #d8f4fff0; border-bottom: min(10px, 8.4cqw) solid #58768b; border-right-color: #658193; border-radius: 23%; box-shadow: inset 0 0 0 min(1px, .84cqw) #193b50b0, 0 1px 1px #04182970; }
.block.armored .tile-face .eye::before { content: ''; position: absolute; left: 5%; top: -19%; width: 90%; height: 10%; background: #153751; border-radius: 50%; transform: rotate(16deg); z-index: 1; }
.block.armored .tile-face .eye.right::before { transform: rotate(-16deg); }
.block.armored .tile-face .eye::after { top: 5%; }
.block.armored .tile-face .mouth { left: 35%; top: 80%; width: 30%; height: 15%; background: transparent; border: 0; border-bottom: 2px solid #0c0c10; border-radius: 0 0 50% 50%; transform: rotate(-8deg); }
.armor-health { position: absolute; left: 0; right: 0; bottom: calc(2% + min(6.5px, 5.46cqw)); display: flex; justify-content: center; gap: 3px; }
.armor-health i { width: 7px; height: 7px; border: 1px solid #e3ffe3; border-radius: 1px; background: #46e86b; box-shadow: 0 1px 2px #183747; }
.bomb:not(.blast){animation:bomb-tremble 1.4s ease-in-out infinite}
@keyframes bomb-tremble{0%,60%,100%{rotate:0deg}67%,81%{rotate:-1.3deg}74%,88%{rotate:1.3deg}}
/* Render at game size, then enlarge the entire character, including pixel-sized details. */
.special-art .block{width:100px;height:100px;background-size:118% 118%;transform:scale(1.8);transform-origin:center}
.special-art .eye:after{left:5%;top:3%;width:56%;height:auto;aspect-ratio:1/1.4;filter:none;background:radial-gradient(ellipse,#fff 0%,#fffffff0 18%,#ffffffa6 40%,#ffffff52 62%,#ffffff14 82%,#ffffff00 100%)}
.bomb .sweat{rotate:none;translate:none}
.bomb .sweat { display: block; position: absolute; right: 17%; top: 22%; width: 11%; height: 15%; border: 1px solid #e6fbff; border-radius: 75% 0 65% 65%; transform: rotate(-35deg); background: linear-gradient(135deg, #e2fcff, #32c5ef 70%); box-shadow: 0 1px 2px #074668; pointer-events: none; }
    .bomb .sweat { animation: bomb-sweat-drip 3.6s ease-in infinite; }
    @keyframes bomb-sweat-drip {
      0%, 35% { transform: translateY(0) rotate(-35deg) scale(1); opacity: 1; }
      52% { transform: translateY(55%) rotate(-35deg) scale(.8); opacity: 1; }
      70% { transform: translateY(190%) rotate(-35deg) scale(.35); opacity: 1; }
      80% { transform: translateY(260%) rotate(-35deg) scale(0); opacity: 0; }
      81%, 85% { transform: translateY(0) rotate(-35deg) scale(0); opacity: 0; }
      100% { transform: translateY(0) rotate(-35deg) scale(1); opacity: 1; }
    }
.bomb .eye.right:before{border-radius:0 90% 80% 85%}
.bomb .mouth{border-top-width:2px;border-radius:50% 50% 0 0}
@media(max-width:1000px){.special-art .block{transform:scale(1.5)}}
@media(max-width:650px){.special-art .block{transform:scale(1.15)}}
@media(max-width:360px){.special-art .block{transform:scale(.9)}}
.slide-demo{display:grid;grid-template-columns:minmax(0,92px) 32px minmax(0,92px);justify-content:center;gap:14px;padding:0}
.slide-demo .slide-space{position:relative;width:100%;height:auto;aspect-ratio:1;border-radius:20%}
.slide-demo .block{position:absolute;inset:0;width:100%;height:100%;z-index:2;animation:none;background-size:118% 118%;filter:drop-shadow(0 5px 5px #122f412c)}
.slide-demo{isolation:isolate}
.slide-demo .slide-origin{border-style:solid}
.slide-demo .slide-arrow{margin:0;text-align:center;font-size:32px;line-height:1}
.block.armored .tile-face .eye::before{left:-22%;top:-29%;width:145%;height:21%;border-radius:55%}
.mode-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:55px 0;border-top:1px solid #d8e1e7}
.mode-feature h3{font-size:58px;margin-bottom:20px}.mode-feature .mode-tagline{font:700 29px/1.15 Fredoka;color:#172a3a;max-width:none}
.mode-feature .mode-copy>p:not(.eyebrow):not(.mode-tagline){max-width:440px}
.arcade-art{position:relative;height:450px;isolation:isolate;background:#e8f3ff;overflow:hidden}
.arcade-clock{position:absolute;top:165px;left:0;right:0;text-align:center;z-index:2}.arcade-clock strong{display:block;font:700 82px/1 Fredoka;color:#085de8}.arcade-clock span{display:block;font-size:11px;font-weight:850;margin-top:14px;color:#315f89}
.arcade-float{position:absolute;width:145px;animation:float 4.5s ease-in-out infinite}.float-one{top:15px;left:20px;rotate:-14deg}.float-two{right:20px;top:42px;rotate:10deg;animation-delay:-1.4s}.float-three{left:65px;bottom:12px;rotate:8deg;animation-delay:-2.8s}
.side-eye .tile-face{translate:-5px 0}.side-eye .eye{height:53%;top:13%}.side-eye .eye:after{left:0}.side-eye .mouth{transform:rotate(-7deg)}
.arcade-art-note{position:absolute;bottom:45px;right:25px;font-size:12px;font-weight:700;max-width:115px;color:#315f89}
.campaign-feature .mode-copy{grid-column:2;grid-row:1}.campaign-art{grid-column:1;grid-row:1}.campaign-feature .eyebrow,.campaign-feature .mode-facts dt{color:#08774f}.campaign-objective{display:flex;gap:18px;align-items:center;margin:0 15px 25px}.campaign-objective .block{width:70px;flex-shrink:0}.campaign-objective strong{display:block;font:700 23px Fredoka}.campaign-objective div>span{display:block;font-size:12px;color:#536674;margin-top:8px}.campaign-art .game-stage{background:#e2f8ef;rotate:-2deg;max-width:360px;margin:auto}.campaign-art .stage-heading span:last-child{font-size:23px}
@media(max-width:1000px){.mode-feature{gap:35px}.mode-feature h3{font-size:48px}.arcade-float{width:110px}.arcade-clock strong{font-size:70px}.float-one{left:5px}.float-two{right:8px}.float-three{left:25px}.arcade-art-note{right:15px;max-width:100px}}
@media(max-width:650px){.mode-feature{grid-template-columns:1fr;gap:25px;padding:35px 0}.mode-feature h3{font-size:44px}.mode-feature .mode-tagline{font-size:27px}.campaign-feature .mode-copy,.campaign-art{grid-column:1;grid-row:auto}.arcade-art{height:390px}.arcade-clock{top:140px}.float-one{left:18px}.float-two{right:18px}.float-three{left:32px}.arcade-art-note{bottom:40px;right:25px}.campaign-objective{margin-left:0;margin-right:0}.campaign-objective strong{font-size:21px}}
.mode-feature .mode-copy>p.mode-tagline{font-size:29px;color:#172a3a;line-height:1.15}
@media(max-width:650px){.mode-feature .mode-copy>p.mode-tagline{font-size:27px}}
.lineup .look-right .eye{transform:translateX(60%);height:53%;top:10%}
.lineup .look-left .eye{transform:translateX(-60%);height:53%;top:10%}
.lineup .look-right .eye:after{left:30%}
.lineup .look-left .eye:after{left:0}
.play-your-way .little-things{margin:0 0 28px;text-align:left}
.hero-store-badges{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px auto 0;height:66px}
.hero-store-badges .apple-badge{height:44px;width:auto}
.hero-store-badges .google-badge{height:66px;width:auto}
.hero .availability{margin:4px 0 0}
@media(min-width:651px){.hero{height:710px;min-height:620px}}
@media(max-width:650px){.hero{height:680px}.hero-store-badges{gap:0;margin-top:18px;height:60px}.hero-store-badges .apple-badge{height:40px}.hero-store-badges .google-badge{height:60px}}
.play-your-way h3{font:700 24px Fredoka;margin:0 0 12px}
.play-your-way p,.game-answers p{line-height:1.65}
.game-answers{padding-top:20px}
.game-answers details{border-bottom:1px solid #b8cbd7;padding:22px 0}
.game-answers summary{cursor:pointer;font-size:20px;font-weight:700;padding:4px 0}
.game-answers details p{max-width:800px;margin:16px 0 0}
.game-answers a{color:#0759ac;text-underline-offset:3px}
.game-answers summary:focus-visible{outline:3px solid #0759ac;outline-offset:5px}
@media(max-width:650px){.play-your-way .little-things>div{display:block}.play-your-way h3{font-size:22px;margin-bottom:8px}}
.lineup .look-right .mouth,.lineup .look-left .mouth{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}