:root{--ink:#17406b;--slot:clamp(40px, 9.5vmin, 84px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#8fd3ff;height:100%;margin:0;font-family:Fredoka,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden}#game,#confetti{width:100%;height:100%;display:block;position:fixed;inset:0}#confetti{pointer-events:none;z-index:5}button{cursor:pointer;border:none;font-family:inherit}#sound{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:4;background:#ffffffbf;border-radius:50%;width:56px;height:56px;font-size:28px;position:fixed;box-shadow:0 3px #00000026}#tray{left:50%;bottom:max(10px, env(safe-area-inset-bottom));z-index:3;pointer-events:none;background:#fff4ded1;border-radius:999px;gap:clamp(4px,1vmin,10px);padding:clamp(5px,1.2vmin,10px) clamp(8px,2vmin,16px);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px #5e3a1b4d,inset 0 0 0 3px #b9804899}.slot{width:var(--slot);height:var(--slot);background:radial-gradient(circle at 50% 40%,#e9f8ff,#bfe6fb);border-radius:50%;place-items:center;display:grid;position:relative}.slot img{object-fit:contain;width:100%;height:100%;transition:filter .4s}.slot.unknown img{filter:brightness(0)opacity(.22)}.slot .count{color:#fff;text-align:center;background:#ff5a6e;border-radius:12px;min-width:24px;height:24px;padding:0 6px;font-size:15px;font-weight:700;line-height:24px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px #00000026}.slot .count:empty{display:none}.slot.pop{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}#hint{z-index:4;pointer-events:none;opacity:0;filter:drop-shadow(0 4px 4px #00000040);font-size:clamp(48px,9vmin,80px);transition:opacity .3s;animation:.9s ease-in-out infinite tap;position:fixed;top:0;left:0}#hint.show{opacity:1}@keyframes tap{0%,to{translate:-50% 10%}50%{translate:-50% 35%}}#caught{left:50%;top:max(16px, env(safe-area-inset-top));z-index:4;text-align:center;pointer-events:none;transition:transform .35s cubic-bezier(.3,1.6,.6,1);position:fixed;transform:translate(-50%)scale(0)}#caught.show{transform:translate(-50%)scale(1)}#caught-name{color:#fff;text-wrap:balance;background:#ff8a1a;border-radius:.8em;max-width:92vw;padding:.2em .8em;font-size:clamp(24px,6vmin,54px);font-weight:700;line-height:1.15;box-shadow:0 5px #00000026}#caught-new{color:var(--ink);visibility:hidden;background:#ffe14a;border-radius:999px;margin-bottom:8px;padding:.15em .7em;font-size:clamp(18px,3.5vmin,30px);font-weight:700;animation:.6s ease-in-out infinite wiggle;display:inline-block}#caught.new #caught-new{visibility:visible}@keyframes wiggle{0%,to{rotate:-6deg}50%{rotate:6deg}}#caught-size{color:var(--ink);background:#ffffffd9;border-radius:999px;margin-top:8px;padding:.15em .8em;font-size:clamp(16px,3vmin,26px);font-weight:700;display:inline-block}#caught-size:empty{display:none}#start{z-index:10;background:linear-gradient(#8fd3ff8c,#8fd3ff40);flex-direction:column;justify-content:center;align-items:center;gap:4vmin;transition:opacity .5s;display:flex;position:fixed;inset:0}#start.hide{opacity:0;pointer-events:none}#start h1{text-align:center;color:#ffd23a;-webkit-text-stroke:clamp(3px, .8vmin, 8px) var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);margin:0;font-size:clamp(56px,15vmin,140px);line-height:.95;transform:rotate(-4deg)}#start h1 .owner{color:#fff;font-size:.72em;display:inline-block;transform:rotate(-3deg)translateY(.08em)}@media (orientation:portrait){#start h1{font-size:clamp(56px,20vw,140px)}}@media (height<=460px){#start h1{font-size:clamp(40px,12vmin,80px)}#start h1 .owner{margin-right:.15em}#start h1 .owner+br{display:none}}#loading{color:var(--ink);font-size:28px}#play{color:#fff;background:#4cd964;border-radius:50%;width:clamp(110px,24vmin,180px);height:clamp(110px,24vmin,180px);padding-left:.12em;font-size:clamp(50px,11vmin,84px);animation:1.4s ease-in-out infinite breathe;box-shadow:0 8px #2a9c45}#play:active{translate:0 6px;box-shadow:0 2px #2a9c45}@keyframes breathe{0%,to{scale:1}50%{scale:1.08}}#reset{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:var(--ink);background:#fff9;border-radius:999px;padding:8px 16px;font-size:15px;position:absolute}[hidden]{display:none!important}#reel{--p:0%;--a:0deg;right:max(16px, env(safe-area-inset-right));bottom:calc(var(--slot) + max(34px, env(safe-area-inset-bottom) + 24px));z-index:3;background:conic-gradient(#4cd964 var(--p), #ffffffbf 0);pointer-events:none;opacity:0;border-radius:50%;width:clamp(110px,24vmin,180px);height:clamp(110px,24vmin,180px);padding:clamp(9px,2vmin,14px);transition:opacity .25s,scale .35s cubic-bezier(.3,1.6,.6,1);position:fixed;scale:.4;box-shadow:0 5px #00000026}#reel.show{opacity:1;scale:1}#reel.kick .spool{animation:.18s ease-out kick}@keyframes kick{50%{scale:.88}}#reel .spool{width:100%;height:100%;rotate:var(--a);background:radial-gradient(circle,#ff5a3c 0 14%,#fc3 15% 70%,#f0a800 71%);border-radius:50%;position:relative}#reel .spool i{transform-origin:50% 0;background:#d98a00;border-radius:99px;width:9%;height:44%;margin-left:-4.5%;position:absolute;top:50%;left:50%}#reel .spool i:first-child{rotate:0deg}#reel .spool i:nth-child(2){rotate:120deg}#reel .spool i:nth-child(3){rotate:240deg}#reel:after{content:"✋";filter:drop-shadow(0 3px 2px #0000004d);opacity:0;place-items:center;font-size:clamp(50px,11vmin,84px);transition:opacity .15s,scale .3s cubic-bezier(.3,1.6,.6,1);display:grid;position:absolute;inset:0;scale:.3}#reel.warn{animation:.22s ease-in-out infinite wobble}#reel.warn .spool{background:radial-gradient(circle,#ff5a3c 0 14%,#ffa63a 15% 70%,#e07a00 71%)}#reel.run{animation:.12s ease-in-out infinite wobble}#reel.run .spool{background:radial-gradient(circle,#fff 0 14%,#ff4b3a 15% 70%,#c42a1b 71%)}#reel.run .spool i{background:#9e1d12}#reel.run:after{opacity:1;scale:1}#reel.tired{animation:.55s ease-in-out infinite alternate glow}#reel.tired .spool{background:radial-gradient(circle,#fff 0 14%,#5ee86f 15% 70%,#23a83e 71%)}#reel.tired .spool i{background:#1b8a32}#reel.nope .spool{animation:.25s ease-out nope}@keyframes wobble{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes glow{0%{box-shadow:0 0 0 4px #8dff9c,0 0 18px 6px #5aff788c}to{scale:1.08;box-shadow:0 0 0 8px #8dff9c,0 0 38px 16px #5aff78d9}}@keyframes nope{25%{translate:-7%}75%{translate:7%}}#wish{z-index:3;pointer-events:none;opacity:0;background:#fff;border-radius:26px;align-items:center;gap:2px;padding:6px 10px 6px 6px;transition:opacity .3s,scale .4s cubic-bezier(.3,1.6,.6,1);display:flex;position:fixed;top:0;left:0;translate:-50% -100%;scale:.3;box-shadow:0 4px #00000026}#wish.show{opacity:1;animation:1.6s ease-in-out infinite bob;scale:1}#wish:after{content:"";border:10px solid #0000;border-top:12px solid #fff;border-bottom:0;margin-left:-10px;position:absolute;bottom:-12px;left:50%}#wish img{width:clamp(60px,12vmin,100px);height:clamp(60px,12vmin,100px)}#wish .who{font-size:clamp(24px,5vmin,40px)}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-8px}}.slot.size-1 img{scale:.68}.slot.size-2 img{scale:.84}.slot.size-3 img,.slot.size-4 img{scale:1}.slot.golden{background:radial-gradient(circle at 50% 40%,#fff6c2,#ffcf3a)}.slot .crown{font-size:clamp(16px,3.4vmin,26px);display:none;position:absolute;top:-14px;left:-6px;rotate:-18deg}.slot.golden .crown{display:block}#aq-btn{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:3;background:#fff;border-radius:28%;width:clamp(76px,14vmin,116px);height:clamp(76px,14vmin,116px);padding:0;transition:opacity .3s,scale .3s cubic-bezier(.3,1.6,.6,1);position:fixed;box-shadow:0 5px #0000002e}#aq-btn svg{pointer-events:none;width:100%;height:100%;display:block}#aq-btn:active{translate:0 4px;box-shadow:0 1px #0000002e}#aq-btn.dim{opacity:.35;pointer-events:none;scale:.9}#aq-btn.gone,body.in-aquarium #aq-btn{display:none}#aq-btn .aq-badge{text-align:center;background:#ff5a6e;border-radius:50%;width:38px;height:38px;font-size:22px;line-height:38px;animation:.9s ease-in-out infinite aq-wobble;position:absolute;top:-10px;right:-10px;box-shadow:0 3px #0003}#aq-btn .aq-badge:empty{display:none}#aq-btn.has-new{animation:1.4s ease-in-out infinite aq-hop}@keyframes aq-wobble{0%,to{rotate:-10deg;scale:1}50%{rotate:10deg;scale:1.15}}@keyframes aq-hop{0%,60%,to{transform:translateY(0)}75%{transform:translateY(-9px)}88%{transform:translateY(0)}94%{transform:translateY(-3px)}}body.in-aquarium #tray,body.in-aquarium #hint,body.in-aquarium #wish,body.in-aquarium #reel,body.in-aquarium #caught{display:none}#aq{--rim:clamp(10px, 2.2vmin, 22px);z-index:3;pointer-events:none;position:fixed;inset:0}#aq-touch{pointer-events:auto;touch-action:none;position:absolute;inset:0}#aq-frame,#aq-glass{pointer-events:none;position:absolute;inset:0}#aq-frame{box-shadow:inset 0 0 0 calc(var(--rim) * .3) #e6b678, inset 0 0 0 var(--rim) #8b5a2b, inset 0 0 0 calc(var(--rim) * 1.25) #5e3a1b, inset 0 0 calc(var(--rim) * 3) calc(var(--rim) * .9) #00235073}#aq-frame:after{content:"";background:radial-gradient(circle at calc(var(--rim) * .5) calc(var(--rim) * .5), #3a2412 0 calc(var(--rim) * .1), transparent calc(var(--rim) * .12)), radial-gradient(circle at calc(100% - var(--rim) * .5) calc(var(--rim) * .5), #3a2412 0 calc(var(--rim) * .1), transparent calc(var(--rim) * .12)), radial-gradient(circle at calc(var(--rim) * .5) calc(100% - var(--rim) * .5), #3a2412 0 calc(var(--rim) * .1), transparent calc(var(--rim) * .12)), radial-gradient(circle at calc(100% - var(--rim) * .5) calc(100% - var(--rim) * .5), #3a2412 0 calc(var(--rim) * .1), transparent calc(var(--rim) * .12));position:absolute;inset:0}#aq-glass{background:linear-gradient(115deg,#fff3 0 3%,#0000 3% 5%,#ffffff1f 5% 6.5%,#0000 6.5%),linear-gradient(#ffffff1a,#0000 14%)}.aq-round{z-index:2;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:scale .15s;display:grid;position:absolute;box-shadow:0 6px #0003}.aq-round:active{translate:0 4px;scale:.92;box-shadow:0 2px #0003}#aq-back{top:max(calc(var(--rim) + 6px), env(safe-area-inset-top));left:max(calc(var(--rim) + 6px), env(safe-area-inset-left));background:#ff9a2e;width:clamp(76px,14vmin,116px);height:clamp(76px,14vmin,116px);font-size:clamp(40px,8vmin,66px);line-height:1}#aq-back .arrow{color:#ff7a00;background:#fff;border-radius:50%;place-items:center;width:36%;height:36%;font-size:clamp(18px,3.4vmin,28px);font-weight:700;display:grid;position:absolute;bottom:6%;left:6%;box-shadow:0 2px #0000002e}#aq-feed{left:50%;bottom:max(calc(var(--rim) + 8px), env(safe-area-inset-bottom));background:#ffe14a;width:clamp(92px,17vmin,140px);height:clamp(92px,17vmin,140px);translate:-50%}#aq-feed:active{translate:-50% 4px}#aq-feed svg{pointer-events:none;width:82%;height:82%}#aq-feed.shake svg{animation:.5s ease-in-out aq-shake}@keyframes aq-shake{0%,to{rotate:0deg}15%{rotate:-28deg}35%{rotate:22deg}55%{rotate:-18deg}75%{rotate:12deg}}#aq-decos{z-index:2;top:max(calc(var(--rim) + 8px), env(safe-area-inset-top));pointer-events:none;background:#ffffffa6;border-radius:999px;gap:clamp(3px,.8vmin,8px);padding:clamp(4px,1vmin,8px) clamp(6px,1.4vmin,12px);display:flex;position:absolute;left:50%;translate:-50%;box-shadow:0 4px #00000024}@media (aspect-ratio<=1){#aq-decos{top:calc(max(calc(var(--rim) + 6px), env(safe-area-inset-top)) + clamp(76px, 14vmin, 116px) + 10px)}}.aq-slot{--p:0%;background:radial-gradient(circle at 50% 40%,#e9f8ff,#bfe6fb);border-radius:50%;place-items:center;width:clamp(32px,7vmin,56px);height:clamp(32px,7vmin,56px);display:grid;position:relative}.aq-slot img{object-fit:contain;width:86%;height:86%}.aq-slot.locked img{filter:brightness(0)opacity(.2)}.aq-slot.next{background:conic-gradient(#4cd964 var(--p), #d5eefb 0)}.aq-slot.next:before{content:"";background:#e9f8ff;border-radius:50%;position:absolute;inset:12%}.aq-slot.next img{width:70%;height:70%;position:relative}.aq-slot.pop{animation:.6s ease-out pop}#aq-fade{z-index:8;pointer-events:none;opacity:0;background:linear-gradient(#69d8ee,#2f9bdc 60%,#1b6fb0);transition:opacity .38s ease-in-out;position:fixed;inset:0;overflow:hidden}#aq-fade.on{opacity:1;pointer-events:auto}#aq-fade i{background:radial-gradient(circle at 35% 30%,#ffffffe6 0 10%,#ffffff26 40%,#ffffff59 70%);border:2px solid #ffffffb3;border-radius:50%;position:absolute;bottom:-20vmin}#aq-fade.on i{animation:1s ease-in infinite aq-rise}@keyframes aq-rise{to{transform:translateY(-140vh)}}