:root{--purple:#8e36e7;--pink:#c34df0;--orange:#ff811b;--yellow:#ffd331;--ink:#271744;--cream:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}h1,h2,h3,.brand,.button,.pill,.eyebrow{font-family:'Baloo 2',Nunito,sans-serif}h1,h2,h3,p{margin-top:0}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1200px)/2));background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 5px 0 #27174414}.brand{font-weight:800;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand-icon{color:var(--orange);font-size:28px}.brand b{color:var(--purple)}.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:900}.links>a:hover{color:var(--purple)}.nav-download{background:var(--yellow);padding:13px 19px;border-radius:15px;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .2s}.nav-download:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.hamburger{display:none}.hero{position:relative;min-height:750px;background:radial-gradient(circle at 50% 26%,#d67cff 0%,#ad50ef 34%,#792ad2 76%,#6021b3 100%);color:white;text-align:center;overflow:hidden}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;padding:68px 20px 130px}.pill{border-radius:99px;background:#ffffff27;border:2px solid #ffffff6b;padding:8px 24px;font-weight:800;font-size:14px;letter-spacing:1px}.hero-logo{display:block;width:min(750px,92vw);max-height:370px;object-fit:contain;filter:drop-shadow(0 17px 8px #32105755);animation:float 4s ease-in-out infinite;margin:0 auto -6px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-1px;text-shadow:0 5px 0 #542198;margin-bottom:15px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:610px;font-size:18px;font-weight:700;line-height:1.65;color:#f8eaff}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:17px;margin:12px 0 22px}.button{font-size:16px;font-weight:800;padding:15px 25px;border:3px solid var(--ink);border-radius:18px;box-shadow:0 7px 0 var(--ink);display:inline-block;transition:transform .2s,box-shadow .2s;cursor:pointer}.button:hover:not(:disabled){transform:translateY(4px);box-shadow:0 3px 0 var(--ink)}.button.primary{background:var(--yellow);color:var(--ink)}.button.secondary{background:white;color:var(--ink)}.button:disabled{cursor:not-allowed;opacity:.65}.hero-note{font-size:13px;font-weight:900;color:#f2dfff}.hero-blob{position:absolute;border-radius:50%;border:30px solid #ffffff15;width:330px;height:330px}.hero-blob.one{top:110px;left:-150px}.hero-blob.two{bottom:50px;right:-120px;width:450px;height:450px}.stars{position:absolute;inset:20% 5% auto;font-size:45px;letter-spacing:17vw;opacity:.5;white-space:nowrap}.wave{position:absolute;bottom:-1px;width:100%;height:50px;background:var(--cream);clip-path:polygon(0 70%,10% 35%,20% 68%,30% 30%,40% 70%,50% 30%,60% 68%,70% 30%,80% 70%,90% 35%,100% 70%,100% 100%,0 100%)}.section{padding:100px 0;text-align:center}.eyebrow{font-size:16px;letter-spacing:2px;font-weight:800;color:var(--purple)}h2{font-size:clamp(36px,5vw,55px);line-height:1.1;margin:15px 0}h2 span{color:var(--orange)}.section-lead{font-size:18px;color:#76678c;max-width:650px;margin:0 auto 43px;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:#fff;border:3px solid #30204b;border-radius:27px;padding:35px 25px;box-shadow:0 9px 0 #30204b}.feature .emoji{font-size:58px}.feature h3{font-size:23px;margin:15px 0 5px}.feature p{color:#76678c;font-weight:700}.modes{background:#f4e7ff}.mode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.mode{grid-column:span 2;text-align:left;background:#fff;border:3px solid var(--ink);border-radius:26px;overflow:hidden;box-shadow:0 9px 0 var(--ink);padding-bottom:22px;transition:transform .2s}.mode:hover{transform:translateY(-7px)}.mode:nth-child(4){grid-column:2/span 2}.mode:nth-child(5){grid-column:4/span 2}.mode-art{height:170px;display:grid;place-items:center;font-size:87px;text-shadow:0 9px 10px #0002}.lava .mode-art{background:linear-gradient(140deg,#ffcc47,#ff6840)}.floor .mode-art{background:linear-gradient(140deg,#67c9f9,#5d84ed)}.bomb .mode-art{background:linear-gradient(140deg,#fba2d6,#d669f7)}.spin .mode-art{background:linear-gradient(140deg,#88e7cd,#3fc7b0)}.color .mode-art{background:linear-gradient(140deg,#ffdb63,#ff94c1,#a78cff)}.status{display:inline-block;margin:22px 20px 8px;padding:5px 12px;border-radius:30px;font-size:11px;font-weight:900}.ready{background:#e2f8e9;color:#167e40}.soon{background:#fff1d5;color:#a56a00}.mode h3{font-size:25px;line-height:1.1;margin:6px 20px}.mode p{margin:0 20px;color:#726781;font-weight:700;line-height:1.6}.news-card{max-width:800px;margin:40px auto 0;background:white;display:flex;align-items:center;gap:25px;text-align:left;padding:32px;border:3px solid var(--ink);border-radius:25px;box-shadow:0 8px 0 var(--ink)}.news-icon{font-size:65px}.news-tag{color:var(--purple);font-weight:900;font-size:12px}.news-card h3{font-size:27px;margin:6px 0}.news-card p{margin:0;color:#726781;font-weight:700}.beta{background:linear-gradient(130deg,#6d2cbb,#a947ea);color:white}.beta .eyebrow{color:#ffe18b}.beta h2 span{color:var(--yellow)}.beta-inner{max-width:780px}.beta p{font-size:19px;line-height:1.8;font-weight:700;color:#f4e5ff}.beta-badge{display:inline-block;margin-top:15px;padding:12px 22px;background:#ffffff2b;border:2px solid #ffffff70;border-radius:50px;font-weight:900}.download-panel{background:linear-gradient(120deg,#ffe881,#ffb447);border:3px solid var(--ink);border-radius:35px;padding:65px 25px;box-shadow:0 11px 0 var(--ink)}.download-panel .eyebrow{color:#a84a20}.download-panel h2{color:var(--ink)}.download-panel p{max-width:580px;margin:0 auto 28px;font-size:18px;font-weight:700}footer{background:#281745;color:white;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span{font:800 23px 'Baloo 2'}.footer-inner b{color:var(--yellow)}.footer-inner a{font-weight:900}.confetti{position:absolute;pointer-events:none;top:0;left:0;right:0;height:0;z-index:5}.confetti i{position:absolute;top:110px;width:13px;height:20px;background:#ffd233;transform:rotate(30deg);opacity:.7}.confetti i:nth-child(1){left:7%;background:#ff9b36}.confetti i:nth-child(2){left:16%;top:360px;background:#5cf6e2}.confetti i:nth-child(3){left:32%;top:100px}.confetti i:nth-child(4){left:75%;top:150px;background:#fda2de}.confetti i:nth-child(5){left:91%;top:280px}.confetti i:nth-child(6){left:65%;top:420px;background:#8af8df}.confetti i:nth-child(7){left:84%;top:550px;background:#fda2de}.confetti i:nth-child(8){left:10%;top:560px}@keyframes float{50%{transform:translateY(-15px)}}@media(max-width:900px){.links{gap:12px;font-size:11px}.brand{font-size:20px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode,.mode:nth-child(4),.mode:nth-child(5){grid-column:auto}}@media(max-width:650px){.nav{height:70px}.hamburger{display:block;border:0;background:transparent;font-size:27px;cursor:pointer}.links{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:25px;gap:20px;box-shadow:0 9px 12px #0002}.links.open{display:flex}.hero{min-height:690px}.hero-inner{padding:65px 12px 100px}.hero-logo{width:100%;margin:12px auto}.hero p{font-size:15px}.hero h1{font-size:35px}.hero-buttons{flex-direction:column}.section{padding:75px 0}.feature-grid,.mode-grid{grid-template-columns:1fr}.mode,.mode:nth-child(4),.mode:nth-child(5){grid-column:auto}.news-card{flex-direction:column;text-align:center}.footer-inner{flex-direction:column;text-align:center}.download-panel{padding:45px 15px}}

/* Official logo in navigation and footer */
.brand{display:flex;align-items:center;line-height:1}.nav-logo{display:block;width:170px;height:70px;object-fit:contain}.footer-logo{width:185px;height:95px;object-fit:contain;display:block}@media(max-width:650px){.nav-logo{width:145px;height:62px}.footer-logo{width:170px;height:88px}}