*{box-sizing:border-box}body{margin:0;background:#a5edf1;font-family:ui-rounded,'Trebuchet MS',sans-serif;color:#075c83}header{height:64px;display:flex;align-items:center;gap:12px;padding:8px 20px;background:#eaffffb8}button,a{font:inherit;font-weight:bold}button,header a{border:2px solid white;border-radius:30px;padding:12px 23px;color:#075c83;background:linear-gradient(#fff,#b2f5fa);box-shadow:0 4px 0 #33abc14d;text-decoration:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #9051cf;outline-offset:4px}main{max-width:1600px;margin:auto}#title{position:relative;margin-top:3vh}#title img{width:100%;display:block}#play{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);background:linear-gradient(#ffb9ec,#f46cc8);font-size:clamp(18px,3vw,38px);min-width:18%;color:#64256c}#game{position:relative;aspect-ratio:16/9;max-height:calc(100dvh - 64px);margin:auto}canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}#score{position:absolute;top:18px;right:20px;background:#fffffff0;border:3px solid #fff;border-radius:30px;padding:12px 22px;font-size:clamp(16px,2vw,26px);font-weight:bold;box-shadow:0 4px 12px #075c8333}#hint{position:absolute;bottom:14px;left:20px;margin:0;background:#ffffffeb;border-radius:24px;padding:12px 20px;font-size:clamp(13px,1.6vw,23px);pointer-events:none}#swim{position:absolute;bottom:14px;right:20px;background:linear-gradient(#ffd5f4,#ff8fd6);touch-action:none;user-select:none;font-size:clamp(14px,1.8vw,26px)}dialog{border:4px solid white;border-radius:30px;padding:32px;text-align:center;background:#ecffff;color:#075c83;max-width:90vw}dialog::backdrop{background:#04445c66;backdrop-filter:blur(5px)}[hidden]{display:none!important}@media(max-width:650px){header{height:58px;padding:8px}#hint{bottom:8px;left:6px;max-width:52%;padding:8px}#swim{right:6px;bottom:8px;padding:9px}#score{top:8px;right:8px;padding:6px 12px}}