*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fff4fb,#e0faff);color:#53436b;font:16px/1.5 ui-rounded,'Trebuchet MS',sans-serif}main{max-width:1320px;padding:20px 3%;margin:auto}header{display:flex;align-items:center;gap:24px}header a{color:#a6397e;font-weight:bold;text-decoration:none}header>div>p{margin:0}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:bold;color:#ad5a94}h1{font-size:clamp(25px,3.4vw,40px);margin:0;color:#b03d89;letter-spacing:-1px}button{font:inherit;font-weight:bold;border:2px solid #e8cfe8;border-radius:25px;padding:11px 20px;background:#fff8fd;color:#775385;min-height:44px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:4px solid #7e41a6;outline-offset:4px}.primary{background:linear-gradient(#ffa9d9,#ef79be);color:#74265b;border:3px solid white;border-radius:28px;box-shadow:0 4px 0 #d48eb8;text-decoration:none;padding:13px 26px;font-weight:bold;display:inline-block}.preferences,.steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.preferences button{font-size:12px;padding:8px 15px}.steps button{background:#fff8fe;font-size:14px}.steps [aria-current]{background:#c9f3e6;border-color:#90d8c2;color:#337568}.stage{position:relative;border:5px solid white;border-radius:32px;background:#65d9f4 url('assets/pool.webp') center/cover;box-shadow:0 7px 0 #c7c8ed;overflow:hidden}.stage canvas{display:block;width:100%;aspect-ratio:1200/700;touch-action:none;cursor:grab}.cue{position:absolute;left:20px;top:20px;z-index:1;background:#fffafdF2;padding:14px 20px;border:2px solid #fff;border-radius:23px;max-width:310px;pointer-events:none}.cue>span{font-size:10px;letter-spacing:2px;font-weight:bold;color:#b35796}.cue h2{font-size:23px;line-height:1.2;margin:7px 0}.cue p{font-size:12px;margin:0}.gesture{position:absolute;right:25px;bottom:25px;display:flex;flex-direction:column;align-items:center;color:#733d86;background:#fff9ffed;border:2px solid white;padding:12px;border-radius:24px;pointer-events:none}.gesture svg{width:72px;height:72px;fill:none;stroke:#ed74b5;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.gesture span{font-size:12px;font-weight:bold}#loading{position:absolute;top:50%;left:0;right:0;text-align:center;background:#fffe;padding:15px}.sequence{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:23px 0 12px}.sequence li{flex:1;max-width:230px;border:2px solid #d9d7ef;background:#ffffffb5;border-radius:20px;padding:12px;font-size:12px;text-align:center}.sequence li.active{background:#fff0fa;border-color:#ed8cc3;color:#993f7c}.sequence strong{display:block;font-size:14px;margin-bottom:5px}.practice{text-align:center}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}#feedback{font-size:14px;min-height:24px;margin:20px 0}#next{margin:8px 0}#raceProgress{max-width:420px;margin:0 auto 16px;font-size:12px}progress{display:block;width:100%;height:18px;accent-color:#ee79b9;margin-top:8px}#finishLine{position:absolute;right:5%;top:40%;height:48%;border-right:8px dashed white;color:#fff;text-shadow:0 2px #478eba;font-weight:bold;letter-spacing:2px;padding:10px;writing-mode:vertical-rl}.gentle .stage{background:#9cdeec}footer{font-size:12px;text-align:center;margin:25px;color:#82708f}dialog{max-width:500px;width:calc(100% - 30px);background:#fffaff;border:3px solid #efc0df;color:#624a73;border-radius:30px;padding:30px}dialog::backdrop{background:#59476980}dialog a{display:block;color:#aa3d80;margin-top:20px}.win{position:fixed;inset:0;z-index:50000;overflow:auto;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#fdd5edee,#9eeaf9ee)}.win-card{text-align:center;max-width:700px;width:100%;padding:30px;border:5px solid white;border-radius:45px;background:linear-gradient(#fff7fd,#e4fbff);box-shadow:0 14px 0 #c6aad8}.win h2{font-size:clamp(44px,7vw,80px);line-height:1;margin:16px 0;color:#ee70b8;text-shadow:0 3px white,0 6px #ba639e;letter-spacing:-2px}.win p{font-weight:bold;margin:12px}.five-stars{display:flex;justify-content:center;gap:8px;margin:18px}.five-stars img{width:60px}.winner{height:230px;width:200px;object-fit:contain;display:block;margin:auto}.win-card>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px}.win-card a:last-child{display:block;color:#995b92} [hidden]{display:none!important}@media(max-width:700px){main{padding:15px 12px}.steps{gap:5px}.steps button{font-size:11px;padding:9px 12px}.cue{top:10px;left:10px;padding:10px 14px;max-width:230px}.cue h2{font-size:19px}.cue p{font-size:11px}.stage canvas{aspect-ratio:1/1}.gesture{right:10px;bottom:10px;padding:8px}.gesture svg{width:45px;height:45px}.gesture span{font-size:9px}.sequence{gap:5px}.sequence li{font-size:10px;padding:8px 5px}.sequence strong{font-size:11px}.controls button{font-size:13px;padding:11px 15px}.practice>p{font-size:13px}.five-stars img{width:40px}.winner{height:180px}.win-card{padding:20px}.win-card a,.win-card button{font-size:13px}}

.stage .swimmer-3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;aspect-ratio:auto}.gesture,.cue,#finishLine{z-index:2}

#poolEdge{position:absolute;left:85%;right:0;top:34%;bottom:0;z-index:1;background:repeating-linear-gradient(0deg,transparent 0 46px,#b1e3ec 47px 49px),linear-gradient(90deg,#b9e7ef,#e9f9fc);border-left:16px solid #fff1f9;box-shadow:-7px 0 0 #ecaace;border-radius:12px 0 0 0;pointer-events:none}#poolEdge span{display:block;writing-mode:vertical-rl;margin:25px 8px;color:#79558d;font-weight:bold;letter-spacing:3px}
#celebration{padding:0;border:5px solid white;border-radius:32px;max-width:1100px;width:calc(100% - 24px);overflow:hidden;background:#b8efff}#celebration::backdrop{background:#385b7bbb}.victory-photo{position:relative}.victory-photo>img{display:block;width:100%;height:min(76vh,680px);object-fit:cover}.victory-banner{position:absolute;left:8%;right:8%;top:4%;text-align:center;animation:victory-pop .65s ease-out both;filter:drop-shadow(0 5px 0 #a252a4)}.victory-banner h2{font:1000 clamp(32px,7vw,88px)/1.05 ui-rounded,'Trebuchet MS',sans-serif;margin:0;color:#ff8bd1;-webkit-text-stroke:2px white;text-shadow:0 4px #be529f,0 -2px white}.victory-banner p{display:inline-block;margin:12px 0 0;padding:6px 22px;border:3px solid white;border-radius:30px;background:linear-gradient(#f7b8f3,#d574ca);color:#fff;font-weight:900;letter-spacing:1px}#showRewards{position:absolute;right:4%;bottom:4%;font-size:clamp(16px,2.4vw,25px);box-shadow:0 5px 0 #ad64ab}#win .five-stars{padding:20px 10px;background:linear-gradient(#fdd9f2,#bff4ff);border:3px solid white;border-radius:30px;animation:victory-pop .5s ease-out both}#win .win-card>div:last-child a:last-child{color:#995b92}@keyframes victory-pop{from{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.gentle .victory-banner,.gentle #win .five-stars{animation:none}@media(prefers-reduced-motion:reduce){.victory-banner,#win .five-stars{animation:none}}@media(max-width:600px){.victory-photo>img{height:65vh;object-position:50% center}.victory-banner{left:3%;right:3%}.victory-banner p{font-size:12px}#showRewards{right:8%;left:8%;bottom:5%}}