@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2"),url(./nunito-sans-latin-600-normal-DLks-Kj1.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-sans-latin-800-normal-MgCk9Q3Y.woff2) format("woff2"),url(./nunito-sans-latin-800-normal-DOf_K5Iw.woff) format("woff")}:root{font-family:Nunito Sans,sans-serif;color:#123a68;background:#47d5cd;font-synthesis:none;text-rendering:optimizeLegibility;--teal: #47d5cd;--teal-dark: #02aeb0;--navy: #123a68;--orange: #f47b27;--cream: #fff9e9;--white: #fff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:4px solid var(--navy);outline-offset:4px}.app{position:relative;isolation:isolate;width:100%;height:100%;height:100dvh;max-width:860px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 51% 55%,#d4fff4 0,#8ce9dc 37%,#4dd6ce 72%,#2bc7c4);user-select:none;-webkit-user-select:none}.app:before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(-32deg,transparent 0 36px,rgba(255,255,255,.12) 37px 39px,transparent 40px 86px);-webkit-mask-image:linear-gradient(to bottom,transparent 10%,#000 48%,transparent 95%);mask-image:linear-gradient(to bottom,transparent 10%,#000 48%,transparent 95%);pointer-events:none}.ambient{position:absolute;pointer-events:none;z-index:-1;border:2px solid rgba(255,255,255,.32);border-radius:50%}.ambient--one{width:78%;aspect-ratio:1;top:26%;left:-42%}.ambient--two{width:93%;aspect-ratio:1;bottom:-30%;right:-58%}.speed-lines{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.speed-lines i{position:absolute;width:60%;height:14px;background:#fff3;transform:rotate(-26deg);border-radius:100px}.speed-lines i:nth-child(1){top:34%;left:-23%}.speed-lines i:nth-child(2){top:44%;right:-30%;width:80%;height:8px}.speed-lines i:nth-child(3){top:71%;left:-17%;width:52%;height:7px}.topbar{height:clamp(62px,8.6dvh,90px);flex:0 0 auto;padding:max(8px,env(safe-area-inset-top)) clamp(18px,5vw,42px) 4px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:5}.brand-logo{width:clamp(92px,16vw,126px);max-height:57px;object-fit:contain}.offline-status{display:flex;align-items:center;gap:7px;font-size:clamp(9px,1.65vw,12px);font-weight:800;letter-spacing:.055em;white-space:nowrap;color:#28577c}.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#fff4a5;box-shadow:0 0 0 3px #ffffff54}.offline-status--ready .status-dot{background:#21a869}.welcome-screen,.game-screen,.result-screen{flex:1 1 auto;min-height:0;position:relative}.welcome-screen{display:flex;flex-direction:column}.welcome-copy{position:relative;z-index:3;padding:0 clamp(24px,6vw,55px);flex:0 0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:clamp(11px,1.9vw,15px);font-weight:800;letter-spacing:.14em;color:var(--navy)}.eyebrow-mark{color:var(--orange);font-size:24px;line-height:.6}h1,h2,p{margin:0}h1,h2{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-style:italic;line-height:.78;letter-spacing:-.025em}h1{font-size:clamp(70px,13.5vw,128px);margin:10px 0 7px;filter:drop-shadow(0 7px 0 rgba(255,255,255,.26))}h1 em{font-style:inherit;color:var(--white);text-shadow:4px 5px 0 var(--navy),-2px -2px 0 var(--navy),2px -2px 0 var(--navy),-2px 2px 0 var(--navy);white-space:nowrap}.title-spark{position:absolute;display:inline-block;margin-left:10px;color:var(--orange);font-size:.36em;font-style:normal;transform:rotate(-17deg)}.welcome-copy p{font-weight:800;font-size:clamp(14px,2.4vw,20px);margin-top:12px}.welcome-visual{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:visible}.hero-orbit{position:absolute;border:clamp(8px,1.4vw,14px) solid rgba(255,255,255,.46);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none}.hero-orbit--outer{width:min(88%,630px);aspect-ratio:1.35}.hero-orbit--inner{width:min(68%,490px);aspect-ratio:1.25;border-width:3px;border-color:#123a682b}.shirt{display:block;pointer-events:none}.shirt--hero{position:absolute;height:100%;max-height:540px;width:auto;left:45%;bottom:-1%;transform:translate(-50%) rotate(-9deg);animation:shirt-enter .9s cubic-bezier(.2,1.4,.5,1) both,shirt-float 5s ease-in-out 1s infinite}.hero-flash{position:absolute;z-index:1;font-size:clamp(25px,7vw,54px);color:var(--white);text-shadow:0 2px 0 var(--teal-dark);animation:sparkle 2.4s ease-in-out infinite}.hero-flash--one{top:5%;left:10%}.hero-flash--two{top:45%;right:13%;animation-delay:1.2s}.sample-stain{position:absolute;z-index:2;width:clamp(52px,11vw,90px);aspect-ratio:1.15;transform:rotate(24deg);opacity:.94}.sample-stain svg{display:block;width:100%;height:100%}.sample-stain--one{left:36%;top:26%}.sample-stain--two{left:46%;top:51%;transform:scale(.82) rotate(-30deg)}.hero-product-wrap{position:absolute;z-index:4;right:4%;bottom:-8%;height:min(66%,380px);aspect-ratio:1}.hero-product{height:100%;width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(7px 12px 7px rgba(12,80,111,.25));transform:rotate(7deg);animation:bottle-in 1s .35s cubic-bezier(.2,1.4,.5,1) both}.product-halo{position:absolute;width:81%;aspect-ratio:1;top:15%;left:10%;border-radius:50%;background:#fff5a7;filter:blur(15px);opacity:.85}.clean-swoosh{position:absolute;z-index:3;top:41%;left:18%;width:64%;height:21%;border:clamp(8px,1.4vw,15px) solid rgba(255,255,255,.85);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-25deg);filter:drop-shadow(0 6px 0 rgba(0,155,168,.16));animation:swoosh 3s ease-in-out infinite;pointer-events:none}.welcome-action,.result-action{position:relative;z-index:5;flex:0 0 auto;padding:13px clamp(24px,6vw,55px) max(22px,env(safe-area-inset-bottom));text-align:center}.welcome-action p,.result-action p{font-size:clamp(13px,2.2vw,18px);font-weight:800;margin:0 0 13px}.primary-button{display:flex;align-items:center;justify-content:center;gap:22px;width:min(100%,430px);min-height:clamp(62px,8dvh,82px);margin:0 auto;border:3px solid #fff;border-radius:100px;color:var(--white);background:linear-gradient(180deg,#ff9839,#f27122);box-shadow:0 8px #c65718,0 17px 25px #0c54663d;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(31px,5.1vw,43px);font-style:italic;font-weight:800;letter-spacing:.035em;cursor:pointer;text-shadow:0 2px 0 rgba(143,54,11,.2);transition:transform .13s,box-shadow .13s;touch-action:manipulation}.primary-button:active{transform:translateY(6px);box-shadow:0 2px #c65718,0 7px 14px #0c54662e}.primary-button span{font-style:normal;font-size:.8em}.game-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.game-hud{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:start;gap:18px;padding:4px clamp(22px,6vw,52px) 0}.hud-score,.hud-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(112px,21vw,168px);min-height:clamp(75px,11dvh,110px);border-radius:25px;background:var(--white);box-shadow:0 6px #08758126;color:var(--navy);transform:rotate(-3deg)}.hud-timer{position:relative;overflow:hidden;transform:rotate(3deg);border:5px solid var(--white);background:conic-gradient(var(--orange) var(--progress),rgba(255,255,255,.6) var(--progress))}.hud-timer:before{content:"";position:absolute;inset:5px;border-radius:18px;background:var(--white)}.hud-timer span,.hud-timer strong{position:relative}.hud-score span,.hud-timer span{font-size:clamp(10px,1.7vw,14px);font-weight:800;letter-spacing:.12em}.hud-score strong,.hud-timer strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(42px,7vw,66px);line-height:.9;font-weight:800}.hud-timer strong small{font-size:.47em;margin-left:2px}.hud-timer--urgent{animation:urgent .55s ease-in-out infinite alternate}.hud-timer--urgent strong{color:#e35124}.arena-wrap{position:relative;min-height:0;display:flex;justify-content:center;align-items:center}.arena-rays{position:absolute;width:min(95%,700px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 15deg,rgba(255,255,255,.23) 0deg 13deg,transparent 13deg 26deg);opacity:.42;animation:rotate-rays 30s linear infinite;pointer-events:none}.board{position:relative;width:min(100%,54dvh);max-height:100%;aspect-ratio:4 / 5;touch-action:none;user-select:none;-webkit-user-select:none}.board--active{cursor:none}.shirt--game{position:absolute;inset:0;width:100%;height:100%;animation:game-shirt-in .5s ease-out both}.spot{position:absolute;z-index:2;width:16%;min-width:55px;max-width:86px;aspect-ratio:1.12;transform:translate(-50%,-50%) rotate(-13deg);pointer-events:none;animation:spot-pop .23s cubic-bezier(.2,1.6,.5,1) both,spot-breathe 1.6s ease-in-out .23s infinite alternate}.spot svg{display:block;width:100%;height:100%;overflow:visible}.spot--deodorant{transform:translate(-50%,-50%) rotate(20deg)}.spot--hard{filter:drop-shadow(0 0 4px rgba(221,146,28,.32))}.spray-cursor{position:absolute;z-index:7;width:clamp(30px,5.4vw,46px);height:auto;aspect-ratio:439 / 1142;transform:translate(-108%,-17%) rotate(8deg);transform-origin:85% 10%;pointer-events:none;filter:drop-shadow(3px 6px 3px rgba(8,83,104,.28));transition:opacity .12s}.spray-cursor img{display:block;width:100%;height:100%;object-fit:contain}.spray-cursor--active{animation:spray-pulse .18s ease-in-out infinite alternate}.spray-cursor--active:after{content:"";position:absolute;left:85%;top:3%;width:40px;height:28px;background:radial-gradient(ellipse at 20% 50%,#ffffffd1,#fff0 72%);transform:rotate(-13deg);opacity:.8}.effect{position:absolute;z-index:4;pointer-events:none}.effect--trail{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#fffffff0 0,#ffffffb3 31%,#fff0 70%);transform:translate(-50%,-50%);animation:trail-fade .33s ease-out both}.effect--clean{width:65px;height:65px;border:5px solid rgba(255,255,255,.95);border-radius:50%;transform:translate(-50%,-50%);animation:clean-burst .65s ease-out both;box-shadow:0 0 0 8px #45d5ce8c,0 0 0 17px #ffffff61}.effect--clean:before,.effect--clean:after{content:"✦";position:absolute;color:#fff;font-size:24px;text-shadow:0 2px 0 var(--teal-dark)}.effect--clean:before{top:-29px;left:-16px}.effect--clean:after{bottom:-21px;right:-21px;font-size:17px}.effect--clean b{position:absolute;top:-41px;left:23px;white-space:nowrap;color:var(--orange);font-family:Barlow Condensed,Impact,sans-serif;font-size:35px;font-style:italic;-webkit-text-stroke:1px #fff;text-shadow:2px 3px 0 var(--navy)}.countdown-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--navy);background:#96f1e029;pointer-events:none}.countdown-overlay span{font-weight:800;letter-spacing:.18em;font-size:clamp(14px,2.4vw,20px)}.countdown-overlay strong{width:145px;height:145px;display:grid;place-items:center;border-radius:50%;border:8px solid #fff;background:var(--orange);color:#fff;font:italic 800 115px/.8 Barlow Condensed,Impact,sans-serif;text-shadow:4px 5px 0 #c65a1c;box-shadow:0 9px #bb541a,0 15px 25px #123a683b;animation:count-pop .54s ease-out both}.game-footer{min-height:clamp(84px,11dvh,120px);padding:0 clamp(22px,6vw,52px) max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.footer-product{display:flex;align-items:center;height:100%;gap:5px}.footer-product img{height:clamp(75px,12dvh,117px);width:auto;object-fit:contain;filter:drop-shadow(2px 6px 3px rgba(23,91,95,.22))}.footer-product span{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(19px,3.1vw,29px);font-weight:800;font-style:italic;line-height:.93;text-transform:uppercase;transform:rotate(-5deg)}.combo-tag{opacity:0;transform:translateY(12px) rotate(5deg);transition:opacity .2s,transform .2s;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(21px,3.3vw,31px);font-weight:800;font-style:italic;color:#fff;background:var(--orange);padding:8px 15px;border:3px solid #fff;border-radius:15px;box-shadow:0 4px #bd5418}.combo-tag--visible{opacity:1;transform:translateY(0) rotate(5deg)}.combo-tag strong{color:var(--navy)}.result-screen{display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.result-heading{position:relative;z-index:2;flex:0 0 auto;padding-top:clamp(7px,1.5dvh,17px)}.result-heading .eyebrow{color:var(--orange);background:#fff;border-radius:100px;padding:6px 17px;transform:rotate(-4deg)}h2{font-size:clamp(83px,15vw,150px);margin-top:10px;color:var(--navy);text-shadow:5px 6px 0 rgba(255,255,255,.65)}.result-score{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:17px;flex:0 0 auto;margin-top:13px;transform:rotate(-4deg)}.result-score strong{font:italic 800 clamp(116px,24vw,220px)/.73 "Barlow Condensed",Impact,sans-serif;color:#fff;text-shadow:5px 7px 0 var(--navy)}.result-score span{font:italic 800 clamp(24px,4.1vw,43px)/.95 "Barlow Condensed",Impact,sans-serif;text-align:left;color:var(--navy)}.result-product{position:relative;flex:1 1 auto;min-height:0;width:100%}.result-product:before{content:"";position:absolute;width:min(73vw,450px);aspect-ratio:1;top:-9%;left:50%;transform:translate(-50%);border-radius:50%;background:#d1fff2;box-shadow:0 0 0 18px #ffffff38,0 0 0 42px #ffffff1c}.result-product img{position:absolute;z-index:2;height:115%;max-height:420px;width:auto;left:50%;bottom:-10%;transform:translate(-50%) rotate(5deg);object-fit:contain;filter:drop-shadow(9px 11px 6px rgba(13,85,99,.27));animation:result-bottle .65s cubic-bezier(.2,1.4,.5,1) both}.result-bubble{position:absolute;z-index:3;top:18%;left:4%;padding:12px 17px;border:4px solid #fff;border-radius:16px;background:var(--orange);box-shadow:0 5px #bb5519;transform:rotate(-8deg);color:#fff;font:italic 800 clamp(20px,3.6vw,37px)/.93 "Barlow Condensed",Impact,sans-serif;text-align:left}.result-bubble strong{color:var(--navy)}.result-action{width:100%;background:linear-gradient(transparent,#50d2c6e6 27%)}.result-confetti{position:absolute;inset:0;pointer-events:none}.result-confetti i{position:absolute;z-index:1;width:10px;height:19px;left:calc(4% + (var(--n) * 6%));top:-5%;background:var(--orange);animation:confetti-fall 3.5s linear infinite}.result-confetti i:nth-child(4n){background:#fff}.result-confetti i:nth-child(4n+1){background:#0d7ba6}.result-confetti i:nth-child(4n+2){background:#f3dd5e}.result-confetti i:nth-child(1){--n: 1;animation-delay:-.1s}.result-confetti i:nth-child(2){--n: 2;animation-delay:-2s}.result-confetti i:nth-child(3){--n: 3;animation-delay:-1s}.result-confetti i:nth-child(4){--n: 4;animation-delay:-2.8s}.result-confetti i:nth-child(5){--n: 5;animation-delay:-.8s}.result-confetti i:nth-child(6){--n: 6;animation-delay:-1.7s}.result-confetti i:nth-child(7){--n: 7;animation-delay:-3s}.result-confetti i:nth-child(8){--n: 8;animation-delay:-2.2s}.result-confetti i:nth-child(9){--n: 9;animation-delay:-.4s}.result-confetti i:nth-child(10){--n: 10;animation-delay:-2.4s}.result-confetti i:nth-child(11){--n: 11;animation-delay:-1.3s}.result-confetti i:nth-child(12){--n: 12;animation-delay:-3.3s}.result-confetti i:nth-child(13){--n: 13;animation-delay:-.9s}.result-confetti i:nth-child(14){--n: 14;animation-delay:-1.9s}.result-confetti i:nth-child(15){--n: 15;animation-delay:-3.1s}.result-confetti i:nth-child(16){--n: 16;animation-delay:-1.4s}@keyframes shirt-enter{0%{opacity:0;transform:translate(-50%,15%) rotate(-18deg) scale(.8)}to{opacity:1;transform:translate(-50%) rotate(-9deg) scale(1)}}@keyframes shirt-float{50%{transform:translate(-50%,-2%) rotate(-7deg)}}@keyframes bottle-in{0%{opacity:0;transform:translate(35%,20%) rotate(25deg)}to{opacity:1;transform:translate(0) rotate(7deg)}}@keyframes sparkle{50%{transform:scale(1.4) rotate(30deg);opacity:.5}}@keyframes swoosh{50%{transform:translate(3%,-5%) rotate(-21deg);opacity:.55}}@keyframes game-shirt-in{0%{opacity:0;transform:scale(.86) rotate(-4deg)}to{opacity:1;transform:scale(1)}}@keyframes spot-pop{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}@keyframes spot-breathe{to{scale:1.12}}@keyframes spray-pulse{to{filter:drop-shadow(3px 6px 3px rgba(8,83,104,.28)) brightness(1.08)}}@keyframes trail-fade{to{opacity:0;scale:2.3}}@keyframes clean-burst{to{opacity:0;scale:2}}@keyframes count-pop{0%{opacity:0;scale:.45;transform:rotate(-25deg)}to{opacity:1;scale:1;transform:rotate(5deg)}}@keyframes urgent{to{transform:rotate(3deg) scale(1.08)}}@keyframes rotate-rays{to{transform:rotate(360deg)}}@keyframes result-bottle{0%{opacity:0;transform:translate(-50%,25%) rotate(-9deg) scale(.75)}to{opacity:1;transform:translate(-50%) rotate(5deg) scale(1)}}@keyframes confetti-fall{to{top:105%;transform:translate(50px) rotate(760deg)}}@media(max-width:480px){.welcome-copy{padding-top:5px}h1{font-size:clamp(66px,17vw,83px);margin-top:8px}.welcome-copy p{margin-top:7px}.welcome-visual{margin-top:-9px}.hero-product-wrap{right:-7%;height:60%;bottom:-5%}.shirt--hero{left:41%;height:94%}.welcome-action{padding-top:4px}.result-bubble{left:2%;top:10%}}@media(max-height:680px){.welcome-copy .eyebrow{font-size:10px}h1{font-size:clamp(57px,11dvh,86px);margin:5px 0}.welcome-copy p{margin-top:5px}.welcome-action p{margin-bottom:8px}.primary-button{min-height:54px}.result-heading h2{font-size:clamp(66px,12dvh,100px)}.result-score strong{font-size:clamp(90px,17dvh,140px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}