@font-face{font-family:Splash Fredoka;src:url(/color-splash/FredokaOne-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Splash Hand;src:url(/color-splash/Caveat-Variable.ttf)format("truetype");font-weight:400 700;font-display:swap}body:has(.cs-page){background:#073b50}.cs-page{--cs-teal:#073b50;--cs-ink:#06384b;--cs-cream:#fff9eb;--cs-cyan:#38b5df;--cs-orange:#ffae15;--cs-muted:#b8e4ed;--cs-display:"Splash Fredoka", sans-serif;color:var(--cs-cream);background:radial-gradient(ellipse at 48% 18%, #07546c, transparent 65%), var(--cs-teal);font-family:Space Grotesk Variable,sans-serif;overflow:clip}.cs-page img{height:auto}.cs-page h1,.cs-page h2,.cs-page h3{font-family:var(--cs-display);letter-spacing:0;font-weight:400}.cs-page :is(a,summary):focus-visible{outline:3px solid var(--cs-orange);outline-offset:5px;border-radius:4px}.cs-page :is(section,details){scroll-margin-top:24px}.cs-wrap{width:min(1120px,100% - 40px);margin-inline:auto;position:relative}.cs-skip{z-index:20;background:var(--cs-cream);color:var(--cs-ink);padding:12px;position:absolute;top:8px;left:16px;transform:translateY(-150%)}.cs-skip:focus{transform:none}.cs-brand{letter-spacing:.06em;color:var(--cs-cream);white-space:nowrap;font-size:25px;font-weight:800;line-height:1}.cs-nav{z-index:10;justify-content:space-between;align-items:center;min-height:80px;display:flex}.cs-desktop-nav{display:none}.cs-mobile-menu{position:relative}.cs-mobile-menu summary{cursor:pointer;padding:12px 4px;font-weight:600;list-style:none}.cs-mobile-menu summary::-webkit-details-marker{display:none}.cs-mobile-menu summary span{margin-left:8px}.cs-mobile-menu nav{background:var(--cs-teal);border:2px solid var(--cs-cyan);border-radius:16px;min-width:180px;padding:8px;position:absolute;top:52px;right:0;box-shadow:0 10px 24px #001f3099}.cs-mobile-menu nav a{padding:12px;display:block}.cs-mobile-menu nav a:hover{color:var(--cs-orange)}.cs-hero{isolation:isolate;background:radial-gradient(at 55% 48%,#08748a55,#0000 65%);position:relative}.cs-hero-grid{gap:48px;padding:12px 0 84px;display:grid}.cs-hero-copy{z-index:2;text-align:center;align-self:center;min-width:0}.cs-hero h1{margin:0 0 26px}.cs-logo{width:min(76%,320px);margin-inline:auto}.cs-tagline{font:400 clamp(19px, 4.7vw, 26px)/1.3 var(--cs-display);text-wrap:balance;margin:0 0 28px}.cs-store-row{justify-content:center;gap:14px;display:flex}.cs-store{text-align:left;max-width:250px;min-height:74px;color:var(--cs-ink);background:var(--cs-orange);border-radius:36px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 14px 16px;display:flex;position:relative;box-shadow:inset 0 -5px #e58e09,inset 0 4px #ffce62,0 7px 12px #002c4266}.cs-store:before{content:"";background:#fff9;border-radius:50%;width:12px;height:6px;position:absolute;top:10px;left:12px;transform:rotate(-42deg)}.cs-store span{font-size:11px;font-weight:700;line-height:1.3;display:block}.cs-store strong{font-family:var(--cs-display);font-size:23px;font-weight:400;line-height:1.1;display:block}.cs-store--ios{background:var(--cs-cream);box-shadow:inset 0 -5px #e4d9bb,inset 0 4px #fffdf8,0 7px 12px #002c4266}.cs-platform-icon{flex-shrink:0;width:25px;height:30px}.cs-see-game{min-height:44px;color:var(--cs-muted);flex-direction:column;align-items:center;gap:2px;margin-top:28px;font-size:16px;display:inline-flex}.cs-see-game span{color:#7cd7ef;font-size:32px;line-height:1.1;transition:transform .2s ease-out}.cs-see-game:hover{color:var(--cs-cream)}.cs-see-game:hover span{transform:translateY(4px)}.cs-phone-scene{z-index:2;justify-self:center;width:min(75vw,350px);position:relative}.cs-phone{background:#081b24;border:3px solid #647680;border-radius:42px;padding:26px 10px 10px;position:relative;transform:rotate(8deg);box-shadow:inset 0 0 0 3px #030e16,inset 4px 0 4px #bed2df50,8px 18px 20px #001f3270}.cs-phone-camera{background:#030e16;border-radius:8px;width:26%;height:8px;position:absolute;top:9px;left:37%}.cs-phone-camera:after{content:"";background:#203743;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;right:12%;box-shadow:inset 0 0 1px #519bc1}.cs-scribble{color:var(--cs-cream);pointer-events:none;font-family:Splash Hand,cursive;font-size:28px;font-weight:600;line-height:.95;position:absolute}.cs-scribble--right{display:none}.cs-scribble svg{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:80px;height:80px;margin:10px 0 0 -10px}.cs-trail{z-index:-1;pointer-events:none;position:absolute;inset:-90px 0 0;overflow:hidden}.cs-trail>svg{opacity:.75;width:100%;height:100%;position:absolute}.cs-trail path{fill:none;stroke:#07829d;stroke-width:40px;stroke-linecap:round}.cs-drop{background:var(--cs-cyan);border-radius:60% 40%;width:18px;height:30px;position:absolute;transform:rotate(35deg)}.cs-drop:after{content:"";background:#fff8;border-radius:50%;width:4px;height:8px;position:absolute;top:5px;left:5px}.cs-drop--orange{background:var(--cs-orange)}.cs-drop--0{top:13%;left:5%;transform:rotate(60deg)}.cs-drop--1{top:12%;right:8%}.cs-drop--2{top:35%;left:3%;transform:rotate(-35deg)}.cs-drop--3{top:40%;right:2%;transform:rotate(-45deg)}.cs-drop--4{bottom:22%;left:9%}.cs-drop--5{bottom:15%;right:7%}.cs-drop--6{bottom:8%;left:21%;transform:rotate(80deg)}.cs-drop--7{bottom:5%;right:24%;transform:rotate(-25deg)}.cs-drop--8{width:12px;height:20px;top:17%;left:8%;transform:rotate(55deg)}.cs-drop--9{width:22px;height:13px;top:8%;right:4%}.cs-drop--10{width:12px;height:25px;top:42%;left:2%;transform:rotate(-40deg)}.cs-drop--11{width:12px;height:20px;top:44%;right:8%;transform:rotate(-25deg)}.cs-drop--12{width:28px;height:16px;bottom:13%;left:3%}.cs-drop--13{width:28px;height:16px;bottom:20%;right:3%}.cs-drop--14{width:10px;height:18px;bottom:6%;left:15%;transform:rotate(60deg)}.cs-drop--15{width:12px;height:22px;bottom:5%;right:16%}.cs-splash{pointer-events:none;user-select:none;position:absolute}.cs-splash--cyan{filter:hue-rotate(155deg)saturate(.8)}.cs-hero-splash{z-index:-1;width:250px;top:12%;left:-180px;transform:rotate(35deg)}.cs-hero-splash-two{z-index:-1;width:280px;top:47%;right:-205px;transform:rotate(-35deg)}.cs-features{z-index:3;background:var(--cs-cream);color:var(--cs-ink);padding:35px 0 48px;position:relative}.cs-wave{width:100%;height:45px;fill:var(--cs-cream);pointer-events:none;position:absolute}.cs-wave--top{height:60px;top:-59px}.cs-wave--bottom{bottom:-44px}.cs-heading{text-align:center;color:var(--cs-cream);z-index:2;text-wrap:balance;justify-content:center;align-items:center;font-size:clamp(30px,6vw,72px);line-height:1.1;display:flex;position:relative}.cs-heading--ink{color:var(--cs-ink)}.cs-heading>img{flex:none;width:clamp(28px,7vw,82px);margin:0 4px;transform:rotate(-25deg)}.cs-heading>img:last-child{transform:rotate(145deg)}.cs-feature-grid{z-index:2;gap:34px;margin-top:32px;display:grid;position:relative}.cs-feature{text-align:center;padding:0 16px}.cs-feature-art{isolation:isolate;justify-content:center;align-items:center;max-width:290px;height:150px;margin:0 auto 16px;display:flex;position:relative}.cs-feature-art:before{content:"";z-index:-1;opacity:.92;background:url(/color-splash/paint-splash-orange.webp) 50%/contain no-repeat;position:absolute;inset:-20px 0;transform:rotate(-15deg)}.cs-feature:nth-child(2) .cs-feature-art:before{scale:1.08 .9}.cs-feature:nth-child(3) .cs-feature-art:before{inset:-8px;transform:rotate(55deg)scale(1.1,.95)}.cs-feature h3{color:var(--cs-ink);font-size:clamp(25px,2.8vw,32px);line-height:1.2}.cs-feature p{color:#365969;max-width:26ch;margin:12px auto 0;font-size:17px;line-height:1.5}.cs-combo{font-family:var(--cs-display);flex-direction:column;gap:10px;padding:24px 30px;transform:rotate(-6deg)}.cs-combo-label{align-items:center;gap:10px;line-height:1;display:flex}.cs-combo-label>strong{color:var(--cs-ink);font-size:58px;font-weight:400}.cs-combo-label>span{color:var(--cs-ink);font-size:23px}.cs-combo-label small{margin-top:7px;font-family:Space Grotesk Variable,sans-serif;font-size:16px;font-weight:700;display:block}.cs-combo-meter{border:3px solid var(--cs-ink);background:var(--cs-ink);border-radius:12px;width:100%;height:23px}.cs-combo-meter span{background:var(--cs-cyan);border-radius:8px;width:68%;height:100%;display:block}.cs-boosts{gap:0}.cs-boosts:before{filter:hue-rotate(155deg)saturate(.8);transform:rotate(30deg)}.cs-boosts img{object-fit:contain;filter:drop-shadow(0 4px 2px #06384b25);width:36%;height:120px;margin:0 -3px}.cs-boosts img:first-child{transform:rotate(-15deg)translateY(8px)}.cs-boosts img:last-child{transform:rotate(15deg)translateY(8px)}.cs-timer{font:400 32px/1 var(--cs-display);color:var(--cs-ink);gap:10px;transform:rotate(6deg)}.cs-timer svg{filter:drop-shadow(0 4px 2px #06384b25);flex-shrink:0;width:132px;height:154px}.cs-timer>span{background:var(--cs-cream);border-radius:10px;padding:5px 9px;font-size:23px;position:absolute;bottom:12px;right:18px;box-shadow:0 3px 8px #06384b20}.cs-clock-crown,.cs-clock-pin{fill:var(--cs-ink)}.cs-clock-stem{stroke:var(--cs-ink);stroke-width:9px;stroke-linecap:round}.cs-clock-rim{fill:var(--cs-ink)}.cs-clock-face{fill:#c6eff6;stroke:#62c9e3;stroke-width:4px}.cs-clock-ticks{fill:none;stroke:#25718a;stroke-width:3px;stroke-linecap:round}.cs-clock-hands{fill:none;stroke:var(--cs-ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.cs-edge{z-index:1;width:200px}.cs-edge--tl{top:-130px;left:-130px;transform:rotate(25deg)}.cs-edge--tr{top:-100px;right:-140px;transform:rotate(-35deg)}.cs-gallery{padding:90px 0 45px;position:relative}.cs-gallery .cs-heading{font-size:clamp(30px,5vw,58px)}.cs-gallery-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cs-gallery-decor img{width:180px;left:-130px;top:calc(var(--i) * 23%);transform:rotate(calc(var(--i) * 35deg))}.cs-gallery-decor img:nth-child(2n){left:auto;right:-130px}.cs-gallery-hint{text-align:center;color:var(--cs-muted);margin-top:14px;font-size:14px}.cs-shots{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cs-cyan) var(--cs-teal);grid-template-columns:repeat(3,78%);gap:18px;margin-top:26px;padding:10px 4px 20px;display:grid;overflow-x:auto}.cs-shots:focus-visible{outline:3px solid var(--cs-orange);outline-offset:5px}.cs-shot{text-align:center;scroll-snap-align:start;min-width:0}.cs-shot a{background:#127189;border-radius:24px;padding:6px;transition:transform .2s ease-out;display:block;box-shadow:0 8px 18px #002d3b77}.cs-shot a:hover{transform:translateY(-5px)}.cs-shot img{border-radius:18px;width:100%}.cs-shot figcaption{font-family:var(--cs-display);margin-top:16px;font-size:23px}.cs-footer{background:#032e40;padding:30px 0;position:relative}.cs-footer-row{flex-direction:column;align-items:center;gap:18px;display:flex}.cs-footer nav{color:var(--cs-muted);align-items:center;gap:24px;font-size:14px;display:flex}.cs-footer nav a{align-items:center;min-height:44px;display:inline-flex}.cs-footer nav a:hover{color:var(--cs-orange)}.cs-footer nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}@media (width>=700px){.cs-wrap{width:min(1120px,100% - 80px)}.cs-nav{min-height:90px}.cs-brand{font-size:30px}.cs-desktop-nav{gap:32px;font-size:16px;display:flex}.cs-desktop-nav a{padding-block:14px}.cs-desktop-nav a:hover{color:var(--cs-orange)}.cs-mobile-menu{display:none}.cs-hero-grid{grid-template-columns:54% 46%;align-items:center;gap:0;padding:24px 0 84px}.cs-hero-copy{padding-right:22px}.cs-logo{width:78%;max-width:380px}.cs-hero h1{margin-bottom:28px}.cs-tagline{margin-bottom:30px;font-size:clamp(22px,2.65vw,32px)}.cs-store-row{gap:14px}.cs-store{min-height:76px;padding-inline:16px}.cs-store span{font-size:12px}.cs-store strong{font-size:25px}.cs-phone-scene{width:80%;max-width:370px}.cs-phone{border-radius:46px;padding:27px 11px 11px}.cs-phone-camera{top:10px}.cs-drop{width:22px;height:37px}.cs-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}.cs-feature{padding:0}.cs-feature-art{height:165px}.cs-feature p{font-size:17px}.cs-combo{padding-inline:18px}.cs-combo-label>strong{font-size:48px}.cs-combo-label>span{font-size:20px}.cs-timer{gap:6px;font-size:26px}.cs-timer svg{width:120px;height:140px}.cs-timer>span{font-size:20px;right:0}.cs-edge{width:270px}.cs-edge--tl{top:-155px;left:-175px}.cs-edge--tr{top:-145px;right:-175px}.cs-features{padding:42px 0 65px}.cs-gallery{padding:100px 0 60px}.cs-gallery-hint{display:none}.cs-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:36px;overflow:visible}.cs-shot:first-child{rotate:-2deg}.cs-shot:nth-child(3){rotate:2deg}.cs-shot a{border-radius:28px;padding:8px}.cs-shot img{border-radius:20px}.cs-footer-row{flex-direction:row;justify-content:space-between}}@media (width>=1100px){.cs-nav,.cs-hero-grid{width:min(1220px,100% - 120px)}.cs-hero-grid{grid-template-columns:55% 45%;padding-top:10px;padding-bottom:80px}.cs-hero-copy{padding-right:42px}.cs-logo{width:83%;max-width:430px}.cs-tagline{font-size:clamp(28px,2.7vw,36px)}.cs-store-row{gap:20px}.cs-store{gap:16px;min-height:82px}.cs-store span{font-size:14px}.cs-store strong{font-size:27px}.cs-platform-icon{width:32px;height:38px}.cs-phone-scene{width:80%;max-width:400px;margin-right:22px}.cs-scribble--right{font-size:30px;top:28%;right:-122px;transform:rotate(-8deg)}.cs-hero-splash{width:350px;top:8%;left:-205px}.cs-hero-splash-two{width:390px;top:52%;right:-225px}.cs-edge--tl{width:350px;top:-185px;left:-190px}.cs-edge--tr{width:330px;top:-170px;right:-170px}.cs-wave--top{height:80px;top:-79px}.cs-feature-grid{gap:48px}.cs-feature-art{height:185px}.cs-timer{font-size:34px}.cs-timer svg{width:150px;height:175px}.cs-timer>span{font-size:24px;right:15px}.cs-combo{padding-inline:30px}.cs-combo-label>strong{font-size:60px}.cs-combo-label>span{font-size:25px}}@media (width>=1280px){.cs-scribble--right{display:block}.cs-drop--11{top:20%;right:2%}}@media (prefers-reduced-motion:no-preference){.cs-phone{animation:.85s cubic-bezier(.16,1,.3,1) both cs-settle}@keyframes cs-settle{0%{transform:translateY(20px)rotate(12deg)}to{transform:translateY(0)rotate(8deg)}}}@media (prefers-reduced-motion:reduce){.cs-page *,.cs-page :before,.cs-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}