*{box-sizing:border-box}body{margin:0;background:#e9faff;color:#543c6a;font:16px/1.45 ui-rounded,'Trebuchet MS',sans-serif}main{max-width:1320px;margin:auto;padding:18px 3%}header{display:flex;align-items:center;gap:20px;flex-wrap:wrap}h1{margin:0;color:#b5458d;font-size:clamp(23px,3vw,38px)}.eyebrow{font-size:10px;letter-spacing:2px;margin:0}button,dialog a{font:700 15px inherit;border:2px solid white;border-radius:24px;padding:11px 18px;background:#ffe4f5;color:#793a70;cursor:pointer;min-height:44px}nav{display:flex;justify-content:center;gap:10px;margin:15px}nav button{font-size:12px}.stage{position:relative;border:5px solid white;border-radius:32px;overflow:hidden;background:#66d9ee url('assets/pool.webp') center/cover;box-shadow:0 7px 0 #c7c8ed}canvas{width:100%;aspect-ratio:12/7;display:block;touch-action:none;cursor:grab}.cue{position:absolute;z-index:1;left:18px;top:18px;max-width:440px;background:#fff8fbee;border:2px solid white;padding:13px 19px;border-radius:24px;pointer-events:none}.cue span{font-size:11px;letter-spacing:2px;font-weight:bold}.cue h2{font-size:clamp(18px,2.2vw,27px);line-height:1.15;margin:6px 0 12px}progress{width:100%;height:12px;accent-color:#ed7cb9}#loading{position:absolute;top:50%;width:100%;text-align:center;background:white}#finish{position:absolute;right:6%;top:28%;height:62%;border-right:8px dashed white;writing-mode:vertical-rl;color:white;text-shadow:0 2px #397992;padding:10px;font-weight:bold;letter-spacing:3px}footer{font-size:12px;text-align:center;margin:20px;color:#756380}dialog{border:4px solid white;border-radius:32px;background:#fff2fb;max-width:500px;width:90%;padding:28px;text-align:center;color:#6a3a74}dialog::backdrop{background:#25476180}dialog h2{color:#d952a2;font-size:38px;margin:8px}dialog a{display:inline-block;text-decoration:none;margin-top:16px}dialog button{margin:10px}dialog h3{font-size:30px;margin:10px}.stars{display:flex;justify-content:center;flex-wrap:wrap;max-width:300px;margin:auto}.stars img{width:52px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:4px solid #7f38ab;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){main{padding:12px}header{gap:10px}header .music-player{margin-left:auto}canvas{aspect-ratio:4/5}.cue{left:10px;top:10px;right:10px;max-width:none;padding:10px 14px}.cue h2{font-size:20px}header>button{font-size:12px}nav{margin:12px}}
.swimmer-3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;cursor:inherit}
.cue{z-index:2}#loading{z-index:3;padding:12px}#finish{z-index:1}

#celebration{max-width:1000px;padding:16px}.victory-photo{overflow:hidden;border-radius:22px}.victory-photo img{display:block;width:119%;max-width:none;margin-left:-19%}#celebration h2{font-size:28px}

#finish{left:3%;right:auto}.stars{flex-wrap:wrap;max-width:420px;margin:auto}.stars img{width:48px;height:48px}