:root{color-scheme:light;--cream:#f7f3e9;--ink:#28213c;--muted:#625c6d;--lime:#d6f387;--rose:#ffabc6;--purple:#7360ad;--line:#28213c24}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #7242ac;outline-offset:6px}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:var(--lime);z-index:10}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:950;letter-spacing:-.035em;text-decoration:none}.brand img{border-radius:13px}.brand-dot{color:#7b4bab;font-size:30px;margin-left:2px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}nav a{text-decoration:none}.nav-play{background:var(--ink);color:var(--cream);padding:10px 18px;border-radius:50px}.nav-play:hover{background:#554172}
h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:900}h1{font-size:clamp(64px,6.6vw,92px);line-height:.99;letter-spacing:-.075em;margin:0 0 28px}h2{font-size:clamp(40px,4.8vw,65px);line-height:1.05;letter-spacing:-.06em;margin:0 0 24px}h3{font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}em{font-style:normal;color:#7652a0}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin:0 0 22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;padding-block:75px 90px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.live-dot{height:9px;width:9px;background:#658d30;border-radius:50%}.squish-word{display:inline-block;color:#7652a0;transform:rotate(-4deg);transform-origin:bottom left;animation:squish 5s ease-in-out infinite}.chaos-word{color:var(--ink);position:relative;z-index:0}.chaos-word:after{content:"";position:absolute;left:-3%;right:-6%;bottom:3%;height:28%;background:var(--lime);z-index:-1;transform:rotate(-3deg);border-radius:50%}.intro{max-width:430px;font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 28px}.intro strong{color:var(--ink);font-weight:650}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:15px 24px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s}.primary{background:var(--ink);color:var(--cream);box-shadow:4px 5px 0 #d2bde8}.button:hover{transform:translateY(-3px);box-shadow:5px 7px 0 #d2bde8}.hero-watch{display:inline-block;margin:18px 0 0 20px;font-size:13px;font-weight:700}.hero-note{font-size:11px;color:var(--muted);margin-top:24px}
.hero-art{height:630px;position:relative;isolation:isolate}.rainbow{position:absolute;inset:35px -5% 10px 5%;display:flex;gap:14px;transform:rotate(21deg);z-index:-2;overflow:hidden;border-radius:45%}.rainbow i{display:block;width:19%;height:85%;border-radius:100px;background:#f6be91;align-self:center;animation:float 6s ease-in-out infinite}.rainbow i:nth-child(2){background:#efacc5;height:100%;animation-delay:-1s}.rainbow i:nth-child(3){background:#c5b4e7;height:90%;animation-delay:-2s}.rainbow i:nth-child(4){background:#a9d9c8;height:98%;animation-delay:-3s}.rainbow i:nth-child(5){background:#d6e697;animation-delay:-4s}.phone{position:absolute;border:7px solid var(--ink);border-radius:31px;overflow:hidden;background:#1b1730;box-shadow:0 25px 40px #28213c28;width:245px}.phone img{width:100%}.phone-back{right:0;top:12px;transform:rotate(11deg);animation:phone-back 7s ease-in-out infinite}.phone-front{left:12px;top:90px;transform:rotate(-10deg);animation:phone-front 7s ease-in-out infinite}.sticker{position:absolute;border:2px solid var(--ink);border-radius:9px;padding:10px 15px;font-size:13px;font-weight:850;box-shadow:3px 3px 0 var(--ink);z-index:3}.sticker-top{top:35px;left:-5px;transform:rotate(-7deg);background:var(--lime)}.sticker-bottom{bottom:2px;right:-2px;transform:rotate(6deg);background:var(--rose)}.sticker-bottom span{font-size:24px;vertical-align:middle;margin-left:6px}.spark{position:absolute;color:var(--ink);font-size:72px;z-index:2}.spark-one{top:-27px;right:10px;color:#735199}.spark-two{left:-25px;bottom:15px;color:#7652a0;font-size:58px}.orbit{position:absolute;border:2px solid #a591bb;border-radius:50%;z-index:-1}.orbit-one{width:85%;height:55%;left:6%;top:20%;transform:rotate(-35deg)}.orbit-two{width:95%;height:60%;left:0;top:18%;transform:rotate(-35deg)}
.ribbon{overflow:hidden;background:var(--lime);border-block:2px solid var(--ink);transform:rotate(-1.5deg);padding:15px 0}.ribbon>div{width:min(1100px,95%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:26px;font-weight:950;letter-spacing:-.035em}.ribbon b{font-size:30px;font-weight:400;color:#6c4b8e}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);margin:0 0 5px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode-card{border:1.5px solid var(--ink);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:#e6edcf}.mode-card.survival{background:#eadcf4}.mode-card.boss{background:#f6dcbd}.mode-copy{padding:28px 26px 20px}.mode-number{font-size:10px;letter-spacing:.15em;font-weight:800;margin:0 0 20px}.mode-copy>p:last-child{font-size:15px;line-height:1.6;margin:0;min-height:100px}.mode-screen{display:block;margin:0 32px;border:5px solid var(--ink);border-bottom:0;border-radius:23px 23px 0 0;overflow:hidden;transition:transform .25s;margin-top:auto}.mode-screen:hover{transform:translateY(-7px)}.mode-screen img{width:100%}.mode-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 24px;background:var(--ink);color:var(--cream);font-size:11px;font-weight:650;position:relative}.mode-footer>span{font-size:20px}
.friends-section{background:var(--ink);color:var(--cream);overflow:hidden}.friends-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding-block:85px}.friends-copy .eyebrow{color:var(--lime)}.friends-copy em{color:var(--rose)}.friends-copy>p:not(.eyebrow){color:#d7cde5;font-size:16px;max-width:490px}.text-link{font-weight:750;font-size:14px}.friends-copy .text-link{color:var(--lime);display:inline-block;margin:12px 0}.friend-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.friend-facts span{border:1px solid #ffffff38;padding:7px 13px;border-radius:30px;font-size:11px}.friends-art{position:relative;min-width:0}.friend-window{aspect-ratio:1;border-radius:50%;border:2px dashed #e7c879;background:#1b1730;overflow:hidden;position:relative;box-shadow:0 0 0 20px #f7d78907,0 0 0 45px #f7d78905}.friend-window img{position:absolute;width:170%;max-width:none;left:-35%;top:-120%;height:auto}.friend-tag{position:absolute;bottom:-18px;left:10%;background:var(--lime);color:var(--ink);padding:15px 25px;border-radius:12px;font-size:15px;font-weight:800;line-height:1.3;transform:rotate(-7deg);box-shadow:4px 4px 0 #0005}.friend-spark{position:absolute;top:-35px;right:5%;color:var(--rose);font-size:90px;animation:turn 20s linear infinite}
.video-section{display:grid;grid-template-columns:1fr .75fr;gap:110px;align-items:center}.video-copy>p:not(.eyebrow){max-width:440px;color:var(--muted)}.outline{border:1.5px solid var(--ink);margin-top:12px;background:transparent}.play-notes{margin-top:35px;max-width:430px}.play-notes>div{padding:18px 0;border-top:1px solid var(--line)}.play-notes b{font-size:16px}.play-notes p{font-size:14px;color:var(--muted);margin:5px 0 0}.video-player{width:min(100%,330px);justify-self:center;aspect-ratio:9/16;border:7px solid var(--ink);border-radius:28px;overflow:hidden;background:#1b1730;box-shadow:15px 15px 0 #d4c0e5;transform:rotate(3deg)}.video-player iframe{display:block;width:100%;height:100%;border:0}
.download-section{text-align:center;background:var(--lime);border-block:2px solid var(--ink);padding:85px 0;position:relative;overflow:hidden}.download-section h2{font-size:clamp(55px,7.5vw,96px);position:relative}.download-section em{color:var(--ink)}.download-section>.wrap{position:relative;z-index:1}.download-section:before,.download-section:after{content:"✳";position:absolute;font-size:290px;line-height:1;color:#b9d775;top:10%;left:-65px;transform:rotate(15deg)}.download-section:after{left:auto;right:-70px;top:auto;bottom:-45px;font-size:380px}.store-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px 0 20px}.store-button{background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:14px;padding:12px 22px;min-width:190px;text-align:left;text-decoration:none;transition:transform .2s}.store-button:hover{transform:translateY(-4px);background:#4f3e69}.store-button small{display:block;font-size:9px;letter-spacing:.1em}.store-button strong{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:21px}.download-note{font-size:12px}.support{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:65px}.support .eyebrow{margin-bottom:12px}.support h2{font-size:34px;margin-bottom:12px}.support p:not(.eyebrow){max-width:430px;font-size:14px;color:var(--muted);margin-bottom:0}.email{font-size:clamp(14px,1.65vw,21px);font-weight:700;overflow-wrap:anywhere}footer{padding-block:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:16px;color:var(--ink)}
@keyframes float{50%{transform:translateY(25px)}}@keyframes phone-back{50%{transform:translateY(-10px) rotate(8deg)}}@keyframes phone-front{50%{transform:translateY(8px) rotate(-7deg)}}@keyframes squish{0%,85%,100%{transform:rotate(-4deg) scale(1)}90%{transform:rotate(-4deg) scale(1.06,.89)}95%{transform:rotate(-4deg) scale(.97,1.05)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1350px){.hero-art{margin-right:25px}.phone-front{left:35px}.phone-back{right:30px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:20px;padding-block:65px}.hero-art{height:540px}.phone{width:205px;border-width:6px;border-radius:26px}.phone-front{left:0;top:82px}.phone-back{right:0;top:10px}.sticker-top{font-size:11px;left:0}.sticker-bottom{font-size:11px;right:0;bottom:0}.spark-one{font-size:55px;top:-30px}.mode-copy{padding:24px 20px 18px}h3{font-size:25px}.mode-screen{margin-inline:20px}.mode-copy>p:last-child{min-height:145px}.mode-footer{padding:15px;font-size:10px}.friends-layout{gap:60px}.video-section{gap:65px}.hero-watch{margin-left:0;display:block}.section{padding-block:80px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.brand{font-size:16px}.brand img{width:34px;height:34px}.brand-dot{display:none}nav{gap:18px;font-size:12px}nav>a:nth-child(2){display:none}.nav-play{padding:9px 14px}.hero{grid-template-columns:1fr;gap:45px;padding-block:48px 70px}.hero-copy{max-width:530px}.hero h1{font-size:clamp(64px,12vw,88px)}.hero .squish-word{margin-right:10px}.hero-watch{display:inline-block;margin-left:15px}.hero-art{width:min(450px,100%);height:560px;justify-self:center}.phone{width:215px}.phone-front{left:20px}.phone-back{right:15px}.sticker-top{left:12px;font-size:12px}.sticker-bottom{right:15px;font-size:12px}.spark-two{left:0}.spark-one{right:10px}.rainbow{inset:25px 0 0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:24px;max-width:480px}.mode-grid{grid-template-columns:1fr;gap:28px}.mode-card{display:grid;grid-template-columns:1fr 42%;grid-template-rows:1fr auto;border-radius:22px}.mode-copy{padding:28px 20px}.mode-copy>p:last-child{min-height:0}.mode-screen{grid-column:2;grid-row:1/3;margin:25px 20px 0 0;align-self:end;border-width:4px;border-radius:17px 17px 0 0}.mode-footer{grid-column:1;grid-row:2;padding:15px 20px;font-size:10px}.mode-footer>span{display:none}.friends-layout{grid-template-columns:1fr;padding-block:65px;gap:65px}.friends-art{width:min(350px,90%);justify-self:center;order:2}.friends-copy{max-width:550px}.video-section{grid-template-columns:1fr;gap:40px}.video-player{width:280px;justify-self:center}.play-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:none}.support{align-items:start;flex-direction:column;gap:25px}.email{font-size:18px}.ribbon>div{gap:10px;font-size:18px}.ribbon b{font-size:22px}.download-section{padding-block:65px}footer{flex-wrap:wrap}.section{padding-block:65px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}nav>a:first-child{display:none}.hero h1{font-size:61px}.hero-art{height:475px}.phone{width:180px}.phone-front{left:8px;top:75px}.phone-back{right:6px}.sticker{padding:8px 10px}.sticker-bottom{font-size:10px;right:0}.hero-note{max-width:250px}.hero-watch{margin-left:0;display:block}.mode-copy{padding:24px 15px}.mode-copy p:last-child{font-size:13px}.mode-number{font-size:9px}h3{font-size:23px}.mode-screen{margin-right:12px}.mode-footer{padding:12px 15px}.ribbon>div{font-size:15px}.ribbon b{font-size:18px}.play-notes{grid-template-columns:1fr;gap:0}.store-button{width:100%}.video-player{max-width:85%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.video-player{display:block;position:relative;text-decoration:none}.video-player>img{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;background:linear-gradient(#28213c15,#28213cbb);color:#fff}.play-circle{display:grid;place-items:center;padding-left:4px;width:78px;height:78px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:25px;box-shadow:0 0 0 12px #d6f38725}.video-overlay strong{font-size:29px;line-height:1.1;letter-spacing:-.04em}.video-overlay small{font-size:10px;letter-spacing:.1em}.video-player:hover .play-circle{transform:scale(1.08)}
.hero-art{overflow:clip;overflow-clip-margin:12px;min-width:0}.hero-copy,.friends-copy,.video-copy{min-width:0}.friends-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){.friends-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.hero-art .phone{width:170px}.hero-art .phone-back{right:20px}.hero-art .phone-front{left:20px}}
.ribbon{transform:none}