:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#051636;--tank-bg:#0a2c60;--bg2:#0b2f66;--panel:#ffffff14;--panel-border:#ffffff24;--text:#eaf4ff;--muted:#eaf4ffb3;--accent:#ffb347;--accent2:#ff8c42;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sab:env(safe-area-inset-bottom,0px);--top-gap:clamp(4px, 3.2vh, 26px)}html.native{--top-gap:clamp(0px, .9vh, 8px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:var(--tank-bg);width:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;position:fixed;inset:0;overflow:hidden}button{cursor:pointer;touch-action:manipulation;font-family:inherit}.app{padding:calc(env(safe-area-inset-top,0px) + var(--top-gap)) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:fixed;inset:0}.hud{flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:560px;margin:0 auto;padding:2px 10px 6px;display:flex}.scores{flex:auto;min-width:0;line-height:1}.score-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.score-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 6px #7fd1ff2b;font-size:clamp(30px,10vw,46px);font-weight:900}.best{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px}.next{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;align-items:center;gap:5px;padding:4px 9px;display:flex}.next-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px;font-size:10px}.next-slot{justify-content:center;align-items:center;display:flex}.controls{gap:8px;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);width:38px;height:38px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;font-size:17px;transition:transform 80ms,background .15s;display:inline-flex}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.muted{opacity:.6}.icon-btn.update{color:#7bffb0;background:#7bffb024;border-color:#7bffb099;font-weight:900;animation:1.6s ease-in-out infinite update-pulse}@keyframes update-pulse{0%,to{box-shadow:0 0 #7bffb059}50%{box-shadow:0 0 0 6px #7bffb000}}.overlay.update{z-index:4}.update-icon{color:#7bffb0;margin-bottom:4px;font-size:40px}.update-text{min-height:0}.icon-btn.debug{background:#ffd27a1f;border-color:#ffd27a80}.stage{flex:1;justify-content:center;align-items:stretch;width:100%;max-width:560px;min-height:0;margin:0 auto;display:flex}.tank-wrap{border-radius:16px 16px 0 0;width:100%;height:100%;position:relative;overflow:hidden}canvas.board{touch-action:none;background:#082a5e;border-radius:16px 16px 0 0;display:block;box-shadow:0 0 0 2px #8cc8ff2e,0 18px 50px #00000073,inset 0 0 40px #0003}.overlay{padding-bottom:var(--sab);-webkit-backdrop-filter:blur(6px);z-index:2;background:#030e24a8;border-radius:16px 16px 0 0;justify-content:center;align-items:center;animation:.18s ease-out fade-in;display:flex;position:absolute;inset:0}.card{text-align:center;max-width:320px;padding:24px 20px;animation:.22s cubic-bezier(.2,1.4,.4,1) pop-in}.title-fish{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.title{letter-spacing:-.03em;background:linear-gradient(90deg,#ffb347,#7fd1ff 55%,#c39bff);color:#0000;filter:drop-shadow(0 4px 14px #7fd1ff59);-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(42px,12vw,58px);font-weight:900}.subtitle{letter-spacing:-.02em;margin:0 0 8px;font-size:30px;font-weight:900}.final-score{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff59a;text-shadow:0 4px 9px #fff59a2e;font-size:clamp(44px,14vw,64px);font-weight:900;line-height:1}.final-best{color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 20px;font-size:15px}.final-best.new{color:#ff7ee0;font-weight:800;animation:1s ease-in-out infinite alternate glow}.play-btn{letter-spacing:.02em;color:#2a1200;background:linear-gradient(180deg, #ffc266, var(--accent2));border:none;border-radius:999px;min-width:220px;padding:16px 52px;font-size:22px;font-weight:900;transition:transform 80ms,box-shadow .15s;box-shadow:0 10px 28px #ff8c4266,inset 0 -3px #00000026}.play-btn:hover{box-shadow:0 12px 34px #ff8c428c,inset 0 -3px #00000026}.play-btn:active{transform:scale(.96)}.play-btn:focus-visible{outline-offset:3px;outline:3px solid #7fd1ff}.volume{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:8px 12px;display:flex}.icon-btn.small{border-radius:10px;flex:none;width:34px;height:34px;font-size:15px}.volume-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;color:var(--muted);font-size:13px}.volume input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:120px;height:28px;margin:0}.volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #7fd1ff var(--fill,80%), #ffffff2e var(--fill,80%));border-radius:3px;height:6px}.volume input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #7fd1ff;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 8px #00000059}.volume input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:3px;height:6px}.volume input[type=range]::-moz-range-progress{background:#7fd1ff;border-radius:3px;height:6px}.volume input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #7fd1ff;border-radius:50%;width:22px;height:22px}.link-btn{color:#7fd1ff;text-underline-offset:3px;background:0 0;border:none;margin-top:14px;padding:6px 10px;font-size:15px;font-weight:700;text-decoration:underline}.btn-secondary{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:999px;padding:12px 22px;font-size:16px;font-weight:700}.btn-secondary:disabled{opacity:.35;cursor:default}.play-btn.compact{min-width:0;padding:12px 30px;font-size:18px}.overlay.howto{z-index:3;background:#030e24cc}.howto-card{border:1px solid var(--panel-border);background:#081e46d9;border-radius:20px;width:min(92vw,340px);max-width:none;padding:22px 18px 18px;position:relative;box-shadow:0 20px 50px #00000080}.howto-close{border:1px solid var(--panel-border);background:var(--panel);width:32px;height:32px;color:var(--text);border-radius:10px;font-size:14px;position:absolute;top:10px;right:10px}.howto-step{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.howto-title{margin:4px 0 10px;font-size:24px}.howto-art{justify-content:center;align-items:center;height:150px;margin-bottom:10px;display:flex}.howto-text{min-height:66px;margin:0 0 12px;font-size:15px;line-height:1.45}.howto-text b{color:#ffd27a}.howto-dots{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.howto-dots span{background:#ffffff40;border-radius:50%;width:7px;height:7px}.howto-dots span.on{background:#7fd1ff}.howto-nav{justify-content:space-between;gap:10px;display:flex}.howto-row{justify-content:center;gap:2px;display:flex}.howto-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.howto-pop{color:#fff59a;text-shadow:0 2px 5px #fff59a33;font-size:22px;font-weight:900}.howto-pop.shark{color:#e6dfff;font-size:18px}.howto-aim{flex-direction:column;align-items:center;gap:6px;display:flex}.howto-cols{gap:5px;display:flex}.howto-col{background:#ffffff12;border:1px solid #ffffff1a;border-radius:9px;width:38px;height:96px;position:relative}.howto-col.sel{background:#b4e6ff38}.howto-hover{position:absolute;top:4px;left:4px}.howto-ghost{opacity:.4;position:absolute;bottom:4px;left:4px}.howto-finger{color:var(--muted);font-size:15px}.howto-swap{flex-direction:column;align-items:center;gap:6px;display:flex}.lb-chip{background:var(--panel);border:1px solid var(--panel-border);max-width:150px;color:var(--text);text-align:left;border-radius:14px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;line-height:1.1;display:inline-flex}.lb-chip-icon{font-size:16px}@media (width<=400px){.lb-chip{gap:4px;max-width:118px;padding:4px 8px 4px 7px}.lb-chip-name{max-width:74px}.icon-btn{width:36px;height:36px}.controls{gap:6px}.scores{min-width:70px}}.lb-chip-text{flex-direction:column;min-width:0;display:flex}.lb-chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:96px;font-weight:800;overflow:hidden}.lb-chip-score{color:#ffd27a;font-variant-numeric:tabular-nums;font-weight:700}.lb-card{width:min(92vw,360px);padding-top:14px}.lb-title{margin:0 0 14px;font-size:24px}.lb-list{text-align:left;flex-direction:column;gap:9px;max-height:46vh;margin-bottom:12px;display:flex;overflow-y:auto}.lb-row{background:#ffffff0d;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:7px 10px;font-size:15px;display:grid}.lb-row.me{background:#ffd27a29;border:1px solid #ffd27a73}.lb-rank{color:var(--muted);font-weight:800}.lb-row:first-child .lb-rank{color:#ffd27a}.lb-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;font-weight:700}.lb-gap{text-align:center;color:var(--muted);font-size:12px}.lb-empty{text-align:center;color:var(--muted);padding:18px 8px;font-size:14px}.lb-note{color:var(--muted);margin:0 0 8px;font-size:12px}.lb-note.error,.post-status.error{color:#ff9d8a}.lb-name-form,.post-form{text-align:left;margin:6px 0 14px}.lb-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.lb-name-row{gap:8px;display:flex}.text-input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#ffffff14;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:16px;font-weight:700}.text-input:focus{border-color:#7fd1ff}.post-status{color:var(--muted);margin:4px 0 14px;font-size:14px}.post-status b{color:var(--text)}.link-btn.inline{margin:0;padding:0 4px;font-size:14px}.howto-tiers{align-items:flex-end;gap:14px;display:flex}.howto-tier{flex-direction:column;align-items:center;gap:8px;display:flex}.howto-tier-label{color:var(--muted);white-space:nowrap;font-size:12px}.howto-tier-label b{color:#fff;font-size:15px}.howto-grid3{grid-template-columns:repeat(3,20px);gap:3px;display:grid}.howto-grid3 span{background:#bfeeff59;border:1px dashed #ffffffb3;border-radius:5px;width:20px;height:20px}.howto-grid3 span.core{background:#7fd1ff}.howto-cross{width:66px;height:66px;position:relative}.howto-cross .h,.howto-cross .v{background:#bfeeff59;border:1px dashed #ffffffb3;border-radius:5px;position:absolute}.howto-cross .h{height:20px;top:23px;left:0;right:0}.howto-cross .v{width:20px;top:0;bottom:0;left:23px}.howto-wave{font-size:44px;line-height:66px}.howto-rise{flex-direction:column;align-items:center;gap:6px;width:190px;padding-top:22px;display:flex;position:relative}.howto-danger{background:linear-gradient(#ff3c468c,#ff3c4600);border-radius:8px 8px 0 0;height:22px;position:absolute;top:0;left:0;right:0}.howto-rows{flex-direction:column;gap:2px;display:flex}.howto-bar{background:#ffffff26;border-radius:3px;width:150px;height:6px;overflow:hidden}.howto-bar span{background:#ff8c6e;width:78%;height:100%;display:block}.howto-up{color:var(--muted);font-size:12px}.hint{margin:20px 0 6px;font-size:15px;font-weight:600;line-height:1.4}.note{color:var(--muted);margin:0;font-size:13px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 3px #ff7ee026}to{text-shadow:0 0 9px #ff7ee073}}@media (height<=560px){.hud{padding-bottom:4px}.score-value{font-size:22px}}@media (prefers-reduced-motion:reduce){.overlay,.card,.final-best.new{animation:none}.icon-btn,.play-btn{transition:none}}.overlay.keyboard-top{padding-top:calc(env(safe-area-inset-top,0px) + 44px);align-items:flex-start}.home{padding:calc(env(safe-area-inset-top,0px) + 2vh) 20px calc(var(--sab) + 30px);background:linear-gradient(#2f86f0 0%,#1a5bc9 40%,#0d3a8f 75%,#082a6b 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.home-glow{top:calc(env(safe-area-inset-top,0px) + 2vh);pointer-events:none;background:radial-gradient(at 50% 45%,#8cdcff47,#8cdcff00 60%);width:120vw;height:46vh;position:absolute;left:50%;transform:translate(-50%)}.home-bubbles,.home-school{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-bubbles span{opacity:0;background:radial-gradient(circle at 35% 35%,#ffffff73,#ffffff0d 60%);border:2px solid #ffffff59;border-radius:50%;width:14px;height:14px;animation:12s linear infinite home-rise;position:absolute;bottom:-40px}@keyframes home-rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.8}50%{transform:translateY(-55vh)translate(10px)}to{opacity:0;transform:translateY(-115vh)translate(-8px)}}.home-bubbles span:first-child{width:10px;height:10px;animation-duration:12.2s;animation-delay:-15.2s;left:44%}.home-bubbles span:nth-child(2){width:9px;height:9px;animation-duration:11.9s;animation-delay:-15.1s;left:71%}.home-bubbles span:nth-child(3){width:11px;height:11px;animation-duration:9.3s;animation-delay:-9.1s;left:67%}.home-bubbles span:nth-child(4){width:11px;height:11px;animation-duration:9.7s;animation-delay:-9.2s;left:11%}.home-bubbles span:nth-child(5){width:9px;height:9px;animation-duration:16.6s;animation-delay:-5.9s;left:75%}.home-bubbles span:nth-child(6){width:8px;height:8px;animation-duration:13.6s;animation-delay:-9.7s;left:77%}.home-bubbles span:nth-child(7){width:8px;height:8px;animation-duration:13.5s;animation-delay:-13.9s;left:31%}.home-bubbles span:nth-child(8){width:10px;height:10px;animation-duration:13.3s;animation-delay:-6.9s;left:56%}.home-bubbles span:nth-child(9){width:21px;height:21px;animation-duration:14.5s;animation-delay:-14.4s;left:74%}.home-bubbles span:nth-child(10){width:18px;height:18px;animation-duration:10.5s;animation-delay:-14.4s;left:76%}.home-bubbles span:nth-child(11){width:9px;height:9px;animation-duration:13.5s;animation-delay:-6.1s;left:94%}.home-bubbles span:nth-child(12){width:18px;height:18px;animation-duration:13.3s;animation-delay:-3.6s;left:66%}.home-bubbles span:nth-child(13){width:17px;height:17px;animation-duration:16.4s;animation-delay:-10.2s;left:62%}.home-bubbles span:nth-child(14){width:20px;height:20px;animation-duration:10.4s;animation-delay:-3.5s;left:34%}.swim{opacity:.4;animation:22s linear infinite home-swim;position:absolute;left:-60px}.swim canvas{animation:2.4s ease-in-out infinite home-bob;display:block}.swim.s1{animation-duration:26s;top:20%}.swim.s2{animation-duration:34s;animation-delay:-12s;top:38%}.swim.s3{animation-duration:30s;animation-delay:-20s;top:60%}.swim.s4{animation-duration:40s;animation-delay:-5s;top:50%}@keyframes home-swim{0%{transform:translate(0)}to{transform:translate(calc(100vw + 120px))}}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-top{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:3vh;min-height:0;display:flex;position:relative}.home-logo{flex-direction:column;align-items:center;margin-top:64px;animation:.6s cubic-bezier(.2,1.4,.4,1) home-pop;display:flex;position:relative}@keyframes home-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.home-crown{filter:drop-shadow(0 6px 8px #00000059);z-index:2;animation:2.8s ease-in-out infinite home-crown-bob;position:absolute;top:-54px;left:50%;transform:translate(-46%)rotate(-12deg)}@keyframes home-crown-bob{0%,to{transform:translate(-46%)rotate(-12deg)translateY(0)}50%{transform:translate(-46%)rotate(-8deg)translateY(-5px)}}.home-word{letter-spacing:.04em;justify-content:center;font-weight:900;line-height:1;display:flex}.home-word.fish{font-size:min(14.5vw,8vh,78px)}.home-word.pop{margin-top:.12em;font-size:min(14vw,7.6vh,74px)}.home-word .l{color:var(--face);text-shadow:0 .03em 0 var(--shade), 0 .06em 0 var(--shade), 0 .09em 0 var(--shade), 0 .12em 0 var(--shade), 0 .22em .3em #00000073;animation:3.4s ease-in-out infinite letter-wobble;animation-delay:var(--d,0s);padding:0 .04em;display:inline-block;position:relative}.home-word .l:before{content:attr(data-l);padding:inherit;z-index:-1;color:#dde6f2;-webkit-text-stroke:.14em #dde6f2;text-shadow:0 .12em #dde6f2,0 .14em #dde6f2;position:absolute;inset:0}@keyframes letter-wobble{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-.06em) rotate(calc(var(--rot,0deg) * -.6))}}.l-orange{--face:#e0931f;--shade:#c2560b}.l-blue{--face:#2f9de0;--shade:#0e58b8}.l-purple{--face:#9a5be0;--shade:#6a2bc4}.l-green{--face:#3fbf68;--shade:#178a45}.l-cyan{--face:#3ec2e6;--shade:#0a6aa8}.home-word .l0{--rot:-7deg}.home-word .l1{--rot:4deg}.home-word .l2{--rot:-3deg}.home-word .l3{--rot:6deg}.home-word .l4{--rot:-5deg}.home-word .l5{--rot:3deg}.home-word .p0{--rot:-4deg}.home-word .p1{--rot:3deg}.home-word .p2{--rot:-2deg}.home-word .p3{--rot:4deg}.home-word .p4{--rot:-3deg}.home-tagline{letter-spacing:.14em;text-transform:uppercase;color:#eaf6ff;text-shadow:0 2px #00000040;background:#ffffff24;border-radius:999px;margin-top:.9em;padding:6px 16px;font-size:14px;font-weight:800}.home-lineup{gap:6px;display:flex}.home-lineup .bob{filter:drop-shadow(0 6px 6px #0000004d);animation:2s ease-in-out infinite home-bob;animation-delay:var(--d,0s);display:block}.home-menu{flex-direction:column;flex:none;align-items:center;gap:16px;width:100%;animation:.5s ease-out fade-in;display:flex;position:relative}.home-btn{--shade:#333;color:#fff;letter-spacing:.01em;text-shadow:0 2px #00000038;width:min(86vw,340px);height:68px;box-shadow:0 6px 0 var(--shade), 0 16px 26px #0000004d, inset 0 2px 0 #ffffff59;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 18px;font-size:28px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.home-btn:active{box-shadow:0 1px 0 var(--shade), 0 8px 14px #00000040, inset 0 2px 0 #ffffff59;transform:translateY(5px)}.home-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.home-btn.play{--shade:#b45f0c;background:linear-gradient(#ffbf4d 0%,#f7961f 100%);height:74px;font-size:31px}.home-btn.play:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:30%;height:140%;animation:4s ease-in-out infinite home-shine;position:absolute;top:-20%;left:-40%;transform:skew(-20deg)}@keyframes home-shine{0%,70%{left:-40%}to{left:130%}}.home-btn.board{--shade:#0f7a58;background:linear-gradient(#45dcaa 0%,#1db684 100%)}.home-btn.help{--shade:#0f6f9e;background:linear-gradient(#5ccff7 0%,#1fa3de 100%)}.home-ico{background:#ffffff38;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:inset 0 0 0 2px #ffffff80}.home-label{text-align:center;flex:1;padding-right:40px}.home-foot{width:min(86vw,340px);margin-top:4px}@media (height<=700px){.home{padding-top:calc(env(safe-area-inset-top,0px) + 3vh)}.home-logo{margin-top:4vh}.home-lineup{display:none}.home-btn{height:58px;font-size:24px}.home-btn.play{height:62px;font-size:26px}.home-menu{gap:8px}.home{padding-bottom:calc(var(--sab) + 14px)}.home-btn.collection,.home-btn.stats{height:52px;font-size:22px}.home-row .home-btn.help{white-space:nowrap;font-size:19px}.home-row .home-btn.help,.home-row .home-btn.gear{height:52px}}@media (prefers-reduced-motion:reduce){.home-bubbles span,.swim,.swim canvas,.home-crown,.home-logo,.home-word .l,.home-lineup .bob,.home-btn.play:after{animation:none}}.link-row{justify-content:center;gap:18px;display:flex}.overlay.countdown{-webkit-backdrop-filter:none;pointer-events:none;background:#030e2473;flex-direction:column;justify-content:flex-start;padding-top:14vh}.countdown-num{color:#ffd27a;text-shadow:0 6px #b5500a,0 16px 30px #00000080;font-size:128px;font-weight:900;line-height:1;animation:.8s cubic-bezier(.2,1.4,.4,1) count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.7)}35%{opacity:1;transform:scale(1)}}.countdown-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:14px;font-weight:800}.haptic-btn{margin-left:4px}.settings-card{width:min(92vw,340px)}.settings-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.settings-row .volume{flex:1;margin:0}.settings-label{min-width:78px;color:var(--text);flex:none;font-size:15px;font-weight:800}.toggle{background:#ffffff2e;border:none;border-radius:999px;width:58px;height:34px;transition:background .15s;position:relative}.toggle.on{background:#2fc46c}.toggle-knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #00000059}.toggle.on .toggle-knob{transform:translate(24px)}.home-row{gap:12px;width:min(86vw,340px);display:flex}.home-row .home-btn.help{flex:7 1 0;width:auto;min-width:0;font-size:24px}.home-row .home-btn.help .home-label{padding-right:0}.home-row .home-btn.gear{--shade:#4b5a8a;background:linear-gradient(#8fa3d6 0%,#6a7fb8 100%);flex:3 1 0;justify-content:center;width:auto;min-width:0;padding:0}.home-row .home-btn.gear .home-ico{font-size:26px}.settings-row.stack{flex-direction:column;align-items:stretch;gap:6px}.settings-row .volume{width:100%;min-width:0}.settings-row .volume input[type=range]{min-width:0}.link-row{gap:28px}.howto-main{color:var(--text);margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.35}.howto-sub{color:var(--muted);margin:10px 0 0;font-size:14.5px;line-height:1.4}.overlay.pause .card{margin-bottom:0}.tut-wrap{flex-direction:column;align-items:center;width:min(92vw,350px);display:flex}.tut-title{letter-spacing:.05em;z-index:2;margin-bottom:14px;font-size:34px;position:relative}.tut-space{width:.35em}.tut-card{cursor:pointer;text-align:center;background:#061a40e6;border:2px solid #ffd27a8c;width:100%;padding:18px 16px 14px}.tut-step{text-align:left;color:#ffd27a;text-shadow:0 2px #00000059;margin:0 0 8px 2px;font-size:19px;font-weight:900}.tut-stage{background:#030e288c;border:1px solid #7fd1ff26;border-radius:14px;width:100%;height:190px;position:relative;overflow:hidden}.tut-fish{width:36px;height:36px;display:block;position:absolute}.tut-fish canvas{display:block}.tut-slot{box-sizing:border-box;border:3px dashed #fffc;border-radius:10px;width:36px;height:36px;animation:1.2s ease-in-out infinite tut-slot-blink;position:absolute}@keyframes tut-slot-blink{0%,to{opacity:.55}50%{opacity:1}}.tut-finger{box-sizing:border-box;pointer-events:none;z-index:3;background:#ffffff59;border:3px solid #fffffff2;border-radius:50%;width:34px;height:34px;position:absolute;top:0;left:0;box-shadow:0 0 16px 4px #ffffff73,0 4px 10px #0000004d}.tut-mover{z-index:2}@keyframes tut-drag-1-fish{0%,12%{opacity:1;transform:translate(40px,92px)scale(1)}34%{transform:translate(120px,34px)scale(1.06)}56%,74%{opacity:1;transform:translate(190px,130px)scale(1)}82%{opacity:1;transform:translate(190px,130px)scale(1.2)}90%,to{opacity:0;transform:translate(190px,130px)scale(1.6)}}@keyframes tut-drag-1-finger{0%{opacity:0;transform:translate(41px,93px)scale(1.3)}8%,12%{opacity:1;transform:translate(41px,93px)scale(1)}34%{opacity:1;transform:translate(121px,35px)scale(1)}56%{opacity:1;transform:translate(191px,131px)scale(1)}66%,to{opacity:0;transform:translate(191px,131px)scale(1.4)}}.tut-fish.tut-drag-1{animation:3.8s ease-in-out infinite tut-drag-1-fish}.tut-finger.tut-drag-1{animation:3.8s ease-in-out infinite tut-drag-1-finger}@keyframes tut-row-pop{0%,56%{opacity:1;transform:scale(1)rotate(0)}62%{transform:scale(1.06)rotate(-5deg)}68%{transform:scale(1.06)rotate(5deg)}74%{opacity:1;transform:scale(1.08)rotate(-4deg)}82%{opacity:1;transform:scale(1.2)rotate(0)}90%,to{opacity:0;transform:scale(1.6)}}.tut-row-pop{animation:3.8s ease-in-out infinite tut-row-pop;animation-delay:var(--d,0s)}@keyframes tut-badge{0%,78%{opacity:0;transform:translate(-50%)scale(.6)}84%{opacity:1;transform:translate(-50%,-6px)scale(1.1)}96%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(1)}}.tut-badge{color:#ffd27a;text-shadow:0 2px #b5500a,0 6px 14px #00000080;z-index:4;white-space:nowrap;font-size:26px;font-weight:900;animation:3.8s ease-in-out infinite tut-badge;position:absolute;top:44px;left:50%}.tut-badge-2{color:#bfeeff;text-shadow:0 2px #0d4fb0,0 6px 14px #00000080}@keyframes tut-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1.5px,1px)rotate(-3deg)}50%{transform:translate(1.5px,-1px)rotate(3deg)}75%{transform:translate(-1px,-1px)rotate(-2deg)}}.tut-shaker canvas{animation:.28s linear infinite tut-shake}@keyframes tut-row-pop2{0%,72%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1.25)}90%,to{opacity:0;transform:scale(1.8)}}.tut-row-pop2{animation:3.8s ease-in-out infinite tut-row-pop2}@keyframes tut-drag-2-fish{0%,12%{opacity:1;transform:translate(30px,92px)scale(1)}34%{transform:translate(100px,26px)scale(1.06)}56%,74%{opacity:1;transform:translate(170px,90px)scale(1)}82%{opacity:1;transform:translate(170px,90px)scale(1.25)}90%,to{opacity:0;transform:translate(170px,90px)scale(1.8)}}@keyframes tut-drag-2-finger{0%{opacity:0;transform:translate(31px,93px)scale(1.3)}8%,12%{opacity:1;transform:translate(31px,93px)scale(1)}34%{opacity:1;transform:translate(101px,27px)scale(1)}56%{opacity:1;transform:translate(171px,91px)scale(1)}66%,to{opacity:0;transform:translate(171px,91px)scale(1.4)}}.tut-fish.tut-drag-2{animation:3.8s ease-in-out infinite tut-drag-2-fish}.tut-finger.tut-drag-2{animation:3.8s ease-in-out infinite tut-drag-2-finger}.tut-table{background:#030e288c;border:1px solid #7fd1ff26;border-radius:14px;flex-direction:column;justify-content:space-around;gap:6px;min-height:250px;padding:12px 6px 14px;display:flex}.tut-line{justify-content:space-between;align-items:center;gap:8px;min-height:58px;display:flex}.tut-row{flex:1;justify-content:center;gap:2px;display:flex}.tut-row canvas{display:block}.tut-eq{color:#ffd27a;flex:none;font-size:22px;font-weight:900}.tut-icon{flex:none;justify-content:center;align-items:center;width:96px;height:40px;display:flex;position:relative}.tut-icon small{color:var(--muted);text-align:center;margin-top:2px;font-size:10.5px;font-weight:700;line-height:1.15;position:absolute;top:100%;left:0;right:0}.tut-ring{border:4px solid #fff;border-radius:50%;width:30px;height:30px;animation:1.4s ease-out infinite tut-ring-pulse;box-shadow:0 0 12px #ffffff80}@keyframes tut-ring-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:.35;transform:scale(1.15)}}.tut-vortex{font-size:30px;line-height:1;animation:2.4s linear infinite tut-spin;display:inline-block}@keyframes tut-spin{to{transform:rotate(360deg)}}.tut-ceiling{background:#ff5a5acc;height:3px;position:absolute;top:150px;left:12px;right:12px;box-shadow:0 0 10px #ff5a5ab3}.tut-rows{flex-direction:column;align-items:center;gap:2px;animation:4s ease-in-out infinite tut-rise;display:flex;position:absolute;bottom:12px;left:0;right:0}.tut-rise-row{display:block}@keyframes tut-rise{0%,60%{transform:translateY(0)}72%,to{transform:translateY(-30px)}}@keyframes tut-line-hit{0%,70%{background:#ff5a5acc;box-shadow:0 0 10px #ff5a5ab3}76%{background:#fff;box-shadow:0 0 22px 6px #ff5a5a}to{background:#ff5a5acc;box-shadow:0 0 10px #ff5a5ab3}}.tut-ceiling{z-index:2;animation:4s ease-in-out infinite tut-line-hit}.tut-mask{z-index:1;background:#071a3f;position:absolute;inset:152px 0 0}.tut-timerbar{z-index:2;background:#ffffff1f;border-radius:4px;height:8px;position:absolute;bottom:14px;left:14px;right:14px;overflow:hidden}.tut-timerbar span{background:#7fd1ff;border-radius:4px;height:100%;animation:4s linear infinite tut-fill;display:block}@keyframes tut-fill{0%{background:#7fd1ff;width:8%}40%{background:#7fd1ff;width:55%}58%{background:#ffb042;width:70%}62%,70%{background:#ff6b5a;width:100%}74%,to{background:#7fd1ff;width:8%}}@keyframes tut-swipe{0%,42%{opacity:0;transform:translate(250px,150px)scale(1.3)}47%{opacity:1;transform:translate(250px,150px)scale(1)}60%{opacity:1;transform:translate(250px,80px)scale(1)}66%,to{opacity:0;transform:translate(250px,60px)scale(1.3)}}.tut-finger.tut-swipe{animation:4s ease-in-out infinite tut-swipe}.tut-emoji{font-size:30px;line-height:1;display:inline-block}.tut-line-text{display:block}.tut-caption{color:var(--text);margin:10px 0 0;font-size:14.5px;line-height:1.35}.tut-foot{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex;position:relative}.tut-continue{letter-spacing:.08em;text-transform:uppercase;color:#bfeeff;font-size:9px;font-weight:800;animation:1.6s ease-in-out infinite tut-blink}@keyframes tut-blink{0%,to{opacity:.55}50%{opacity:1}}.tut-back{color:var(--muted);background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:700;position:absolute;bottom:0;left:0}.tut-back.hidden-btn{visibility:hidden}.tut-foot .howto-dots{margin:0}@media (prefers-reduced-motion:reduce){.tut-fish,.tut-finger,.tut-badge,.tut-shaker canvas,.tut-ring,.tut-vortex,.tut-rise-row,.tut-timerbar span,.tut-slot,.tut-continue{animation:none}}.tut-icon{height:44px}.tut-line{min-height:64px}.tut-icon .howto-grid3{grid-template-columns:repeat(3,12px);gap:2px}.tut-icon .howto-grid3 span{border-radius:3px;width:12px;height:12px}.tut-icon .howto-cross{width:40px;height:40px}.tut-icon .howto-cross .h{border-radius:3px;height:12px;top:14px}.tut-icon .howto-cross .v{border-radius:3px;width:12px;left:14px}.tut-any{box-sizing:border-box;background:conic-gradient(#ff9440,#46b8ff,#b57cff,#64e08c,#ff9440);border:3px solid #fff;border-radius:50%;width:30px;height:30px;animation:6s linear infinite tut-spin;box-shadow:0 0 10px #fff6}.score-value.big{font-size:clamp(24px,7.6vw,36px)}.score-value.huge{font-size:clamp(20px,6.2vw,30px)}.app.with-banner{padding-bottom:calc(50px + 12px + var(--sab))}.ad-band{height:calc(50px + 12px + var(--sab));padding:6px 0 calc(6px + var(--sab));background:var(--tank-bg);z-index:5;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.ad-banner{background:var(--panel);border:1px solid var(--panel-border);width:320px;height:50px;color:var(--muted);border-radius:0;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.ad-banner-tag{color:#2a1200;background:#ffd27a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:900}.icon-btn.noads{letter-spacing:.04em;font-size:12px;font-weight:900;position:relative}.icon-btn.noads:after{content:"";background:#ff5c4d;border-radius:2px;height:3px;position:absolute;top:50%;left:7px;right:7px;transform:rotate(-30deg)}.noads-text{color:var(--text);margin:8px 0 14px;font-size:15px;line-height:1.4}.ad-screen{z-index:20;color:#fff;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(var(--sab) + 16px);background:#05091a;flex-direction:column;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.ad-top{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:13px;display:flex}.ad-tag{background:#ffffff1f;border-radius:6px;padding:3px 8px;font-weight:700}.ad-timer{font-variant-numeric:tabular-nums;font-weight:800}.ad-video{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.ad-fake{aspect-ratio:9/14;background:linear-gradient(135deg,#1b2a6b,#3b1f7a,#0f4c8a) 0 0/300% 300%;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:340px;max-height:60vh;margin:0 auto;animation:6s ease-in-out infinite ad-drift;display:flex}@keyframes ad-drift{0%,to{background-position:0%}50%{background-position:100%}}.ad-fake-title{font-size:28px;font-weight:900}.ad-fake-sub{color:#ffffffb3;font-size:14px}.ad-progress{background:#ffffff26;border-radius:3px;width:100%;max-width:340px;height:6px;margin:0 auto;overflow:hidden}.ad-progress span{background:#ffd27a;height:100%;transition:width .1s linear;display:block}.ad-bottom{justify-content:center;align-items:center;min-height:56px;display:flex}.ad-skip-note{color:#ffffffb3;font-size:14px}.go-actions{flex-direction:column;align-items:center;gap:10px;margin:10px 0 4px;display:flex}.go-actions .play-btn,.go-actions .btn-secondary{flex-direction:column;align-items:center;gap:2px;min-width:220px;line-height:1.1;display:flex}.go-actions small{opacity:.8;letter-spacing:.02em;font-size:11px;font-weight:700}.go-revive{color:#06301a;background:linear-gradient(#7bffb0,#2fc46c);box-shadow:0 10px 28px #2fc46c33,inset 0 -3px #00000026}.go-actions .go-revive span{font-size:30px;line-height:1}.go-actions .go-retry span{font-size:20px;line-height:1}.go-actions .go-revive{padding:12px 52px}.go-actions .go-retry{padding:14px 40px}.go-actions .play-btn.go-retry,.go-actions .play-btn.go-retry:hover{box-shadow:0 10px 28px #ff8c4233,inset 0 -3px #00000026}.go-actions .go-revive small{font-size:12px}.ad-screen.full .ad-fake{aspect-ratio:auto;border:none;border-radius:0;width:auto;max-width:none;max-height:none;margin:0;position:fixed;inset:0}.ad-screen.full .ad-top,.ad-screen.full .ad-bottom,.ad-screen.full .ad-progress{z-index:1;position:relative}.ad-screen.full .ad-video{justify-content:flex-end}.ad-screen.full .ad-progress{max-width:none}.ad-screen.full .ad-top{background:#00000059;border-radius:10px;padding:6px 10px}.noads-list{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;margin:10px auto 18px;padding:0;font-size:16px;font-weight:700;list-style:none;display:inline-flex}.noads-list .muted{color:var(--muted);margin-top:2px;font-size:13.5px;font-weight:600}.settings-card .play-btn.compact,.settings-card .play-btn.compact:hover{box-shadow:0 10px 28px #ff8c4233,inset 0 -3px #00000026}.overlay.lb:focus-within{padding-top:calc(env(safe-area-inset-top,0px) + 24px);align-items:flex-start}.noads-card{padding-top:14px}.noads-card .subtitle{margin:0 0 8px}.noads-card .noads-list{margin:4px auto 16px}.settings-links{flex-direction:column;gap:6px;margin:6px 0 16px;display:flex}.settings-link{border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:15px;font-weight:700;display:flex}.settings-link:active{background:#ffffff29}.settings-chev{color:var(--muted);font-size:18px;line-height:1}.overlay.legal{z-index:4}.legal-card{flex-direction:column;max-height:min(84vh,640px);display:flex}.legal-updated{color:var(--muted);margin:-6px 0 10px;font-size:12px}.legal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;text-align:left;min-height:0;color:var(--text);flex:1;margin-bottom:14px;padding:2px 4px 6px 0;font-size:13.5px;line-height:1.5;overflow-y:auto}.legal-body h3{color:#7fd1ff;margin:14px 0 4px;font-size:14px;font-weight:800}.legal-body p{margin:0 0 8px}.legal-body ul{margin:0 0 8px;padding-left:18px}.legal-body li{margin-bottom:6px}.legal-body a{color:#7fd1ff;text-underline-offset:3px;text-decoration:underline}.coach{z-index:1;pointer-events:none;animation:.25s ease-out fade-in;position:absolute;top:34px;left:10px;right:10px}.coach-top{justify-content:space-between;align-items:center;padding:0 6px 6px;display:flex}.coach-step{letter-spacing:.08em;text-transform:uppercase;color:#ffec78e6;text-shadow:0 1px 4px #00000080;font-size:12px;font-weight:800}.coach-skip{pointer-events:auto;color:#fff;background:#081e46cc;border:1px solid #ffffff59;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:800}.coach-card{background:#081e46eb;border:1px solid #ffec7859;border-radius:18px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop-in;display:flex;box-shadow:0 12px 30px #00000073,inset 0 1px #ffffff1f}.coach.cheer .coach-card{background:#0a2e46f0;border-color:#7fffb080}.coach-fish{flex:none;margin-top:2px;animation:1.6s ease-in-out infinite coach-bob}@keyframes coach-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4px)rotate(4deg)}}.coach-body{text-align:left;flex:1;min-width:0}.coach-title{letter-spacing:-.01em;color:#fff59a;margin-bottom:2px;font-size:19px;font-weight:900}.coach.cheer .coach-title{color:#7bffb0;font-size:22px}.coach-line{color:var(--text);margin:2px 0;font-size:15px;line-height:1.3}.coach-line.strong{color:#fff59a;font-weight:800}.coach-gap{height:6px;display:block}.coach-btn,.coach-btn:hover{pointer-events:auto;width:auto;margin-top:10px;padding:10px 22px;box-shadow:0 10px 28px #ff8c4233,inset 0 -3px #00000026}.home-reset{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:3;color:#ffd27a;letter-spacing:.04em;background:#081e46b3;border:1px solid #ffb34780;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;right:12px}.tut-try{margin-top:10px}.overlay.confirm{z-index:4}.confirm-text{color:var(--text);margin:0 0 18px;font-size:16px;line-height:1.35}.home-btn.stats{--shade:#6d3aa8;background:linear-gradient(#c39bff 0%,#8a5cf0 100%)}.stats-card{padding-top:18px}.stats-head{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.stats-head .subtitle{margin:0}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-tile{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:14px;padding:10px 8px 8px}.stat-tile.big{background:#fff59a1a;border-color:#fff59a59;grid-column:1/-1}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;justify-content:center;align-items:center;height:26px;font-size:22px;font-weight:900;line-height:1;display:flex}.stat-value.long{font-size:18px}.stat-value.tiny{font-size:15px}.stat-tile.big .stat-value{color:#fff59a;height:40px;font-size:34px}.stat-label{color:var(--muted);margin-top:3px;font-size:12px}.stats-note{color:var(--muted);margin:12px 0 0;font-size:14px}.stats-done{margin-top:16px}.home-ico.bars{justify-content:center;align-items:flex-end;gap:4px;padding-bottom:10px;display:flex}.home-ico.bars i{background:#fff;border-radius:3px 3px 1px 1px;width:6px;display:block;box-shadow:0 1px #00000026}.home-ico.bars i:first-child{height:12px}.home-ico.bars i:nth-child(2){height:22px}.home-ico.bars i:nth-child(3){height:17px}.dev-card{text-align:left;max-height:86vh;overflow-y:auto}.dev-card .subtitle{text-align:center}.dev-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;margin:12px 0;padding:10px 12px}.dev-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800}.dev-row{justify-content:space-between;align-items:center;gap:10px;margin:6px 0;font-size:14px;display:flex}.dev-input{text-align:right;flex:none;width:110px;padding:6px 10px;font-size:15px}.dev-btn{width:100%;margin-top:8px;display:block}.dev-btn.armed{color:#7bffb0;border-color:#7bffb099}.dev-btn.danger{color:#ff9d8a;border-color:#ff786480}.dev-card .play-btn.compact{margin:12px auto 0;display:block}.stats-card .play-btn.compact,.stats-card .play-btn.compact:hover,.dev-card .play-btn.compact,.dev-card .play-btn.compact:hover,.overlay.pause .play-btn,.overlay.pause .play-btn:hover{box-shadow:0 10px 28px #ff8c4233,inset 0 -3px #00000026}.coll-card .play-btn,.coll-card .play-btn:hover,.reveal-card .play-btn,.reveal-card .play-btn:hover{box-shadow:inset 0 -3px #00000026}.coin{vertical-align:-.12em;filter:drop-shadow(0 1px 1px #00000059);flex:none;display:inline-block}.coin-pill{color:#ffe58a;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#081e46b3;border:1px solid #ffd23f73;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:15px;font-weight:900;display:inline-flex}.coin-pill.big{padding:6px 14px 6px 10px;font-size:18px}.home-btn.collection{--shade:#0f7a58;background:linear-gradient(#45dcaa 0%,#1db684 100%)}.capsule-ico{position:relative}.capsule-ico i{background:linear-gradient(#5ccff7 0 50%,#eaf6ff 50% 100%);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 2px #fff9,0 2px 4px #0000004d}.overlay.collection{-webkit-overflow-scrolling:touch;padding-top:calc(env(safe-area-inset-top,0px) + 12px);scrollbar-width:none;align-items:flex-start;overflow-y:auto}.overlay.collection::-webkit-scrollbar{display:none}.overlay.collection.locked{touch-action:none;overflow:hidden}.coll-card{margin-bottom:calc(var(--sab) + 24px);padding-bottom:16px}.coll-head{justify-content:space-between;align-items:center;gap:10px;margin:0 36px 10px 0;display:flex}.coll-head .subtitle{margin:0;font-size:26px}.capsule-box{text-align:left;background:#fff59a14;border:1px solid #fff59a4d;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;gap:4px 12px;margin-bottom:14px;padding:12px;display:grid}.capsule-art{grid-row:1;width:52px;height:52px;position:relative}.capsule-art .cap{width:52px;height:26px;position:absolute;left:0;box-shadow:inset 0 0 0 2px #ffffff8c}.capsule-art .cap.top{background:linear-gradient(#8fe0ff 0%,#2fa9e8 100%);border-radius:26px 26px 0 0;top:0}.capsule-art .cap.bottom{background:linear-gradient(#eaf6ff 0%,#bcd9f5 100%);border-radius:0 0 26px 26px;bottom:0}.pity-ring{width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;transform:rotate(-90deg)}.pity-ring circle{fill:none;stroke:#ffffff24;stroke-width:4px}.pity-ring circle.fill{stroke:#ffe58a;stroke-linecap:round;stroke-dasharray:182;transition:stroke-dashoffset .4s}.capsule-art.big{width:120px;height:120px}.capsule-art.big .cap{width:120px;height:60px}.capsule-art.big .cap.top{border-radius:60px 60px 0 0}.capsule-art.big .cap.bottom{border-radius:0 0 60px 60px}.capsule-title{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.odds-btn{border:1px solid var(--panel-border);background:var(--panel);width:22px;height:22px;color:var(--text);font:inherit;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:900;display:grid}.odds-btn[aria-expanded=true]{color:#3a2a00;background:#ffe58a;border-color:#ffe58a}.capsule-sub{color:#ffe58a;font-size:13px;font-weight:700}.capsule-odds{color:var(--muted);grid-column:1/-1;font-size:11.5px;line-height:1.35}.capsule-btn{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:inline-flex}.capsule-btn:disabled{opacity:.5;filter:grayscale(.4)}.coll-section{text-align:left;margin-bottom:12px}.coll-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:0 0 6px 2px;font-size:13px;font-weight:800;display:flex}.item-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.item-tile{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;display:flex;position:relative}.item-tile.locked{background:#0000002e;border-style:dashed;border-color:#ffffff38}.item-tile.locked .item-preview{filter:grayscale()brightness(.55)}.item-tile.locked .item-name{color:var(--muted)}.item-tile .lock{background:#ffe58a;border-radius:3px;width:14px;height:11px;position:absolute;top:6px;right:6px}.item-tile .lock:before{content:"";box-sizing:border-box;border:2px solid #ffe58a;border-bottom:0;border-radius:6px 6px 0 0;width:9px;height:9px;position:absolute;top:-7px;left:2.5px}.item-tile.equipped{background:#7bffb01f;border-color:#7bffb0}.item-tile.owned:not(.equipped):active{transform:scale(.96)}.item-tile.r-rare.locked .item-state{color:#7fd1ff}.item-tile.r-epic.locked .item-state{color:#c39bff}.item-tile.r-legendary.locked .item-state{color:#ffd23f}.item-tile.r-legendary{border-color:#ffd23f8c}.item-name{font-size:13px;font-weight:800}.item-name.long{letter-spacing:-.01em;font-size:11px}.item-state{color:var(--muted);font-size:11px;font-weight:700}.item-tile.equipped .item-state{color:#7bffb0}.item-preview{border-radius:10px;justify-content:center;align-items:center;gap:1px;width:72px;height:40px;display:flex;position:relative;overflow:hidden}.item-preview.lg{border-radius:16px;gap:4px;width:180px;height:90px}.item-preview.fish{background:#0a2c6099}.item-preview.tank{border:2px solid}.item-preview.tank .weed{border-radius:4px 4px 0 0;width:4px;height:55%;position:absolute;bottom:-2px;left:14%;transform:rotate(-8deg)}.item-preview.tank .weed.two{height:40%;left:auto;right:18%;transform:rotate(8deg)}.item-preview.tank .bubble{opacity:.8;border:1.5px solid;border-radius:50%;width:8px;height:8px;position:absolute;top:25%;left:45%}.item-preview.tank .bubble.two{width:5px;height:5px;top:55%;left:60%}.item-preview.lg.tank .weed{width:8px}.item-preview.lg.tank .bubble{width:16px;height:16px}.item-preview.lg.tank .bubble.two{width:10px;height:10px}.pull-layer{z-index:4;background:#030e24cc;justify-content:center;align-items:center;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.pull-stage{justify-content:center;align-items:center;width:260px;height:320px;display:flex;position:relative}.pull-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pull-bubbles i{border:2px solid #bee6ffb3;border-radius:50%;width:12px;height:12px;animation:1.6s linear infinite pull-bubble;position:absolute;bottom:-20px}@keyframes pull-bubble{0%{opacity:0;bottom:-20px}15%{opacity:.9}to{opacity:0;bottom:110%}}.pull-glow{background:radial-gradient(circle, var(--pull-glow,#78c8ff59) 0%, #0000 70%);opacity:0;border-radius:50%;width:200px;height:200px;position:absolute;transform:scale(.6)}.pull-layer.shake .pull-glow{animation:1.5s ease-in forwards pull-glow}.pull-layer.burst .pull-glow{opacity:1;transition:transform .4s ease-out;transform:scale(1.6)}@keyframes pull-glow{0%{opacity:0;transform:scale(.6)}60%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.pull-layer.r-rare{--pull-glow:#7fd1ff73}.pull-layer.r-epic{--pull-glow:#c39bff80}.pull-layer.r-legendary{--pull-glow:#ffd23f8c}.pull-flash{opacity:0;border:6px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute}.pull-layer.burst .pull-flash{animation:.42s ease-out forwards pull-flash}@keyframes pull-flash{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(8)}}.capsule-art.big.drop{animation:.7s cubic-bezier(.3,1.5,.5,1) forwards capsule-drop}@keyframes capsule-drop{0%{opacity:0;transform:translateY(-360px)rotate(-30deg)}30%{opacity:1}70%{transform:translateY(14px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}.capsule-art.big.shake{animation:1.5s ease-in forwards capsule-rattle}@keyframes capsule-rattle{0%{transform:rotate(0)scale(1)}10%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}30%{transform:rotate(-9deg)translateY(-4px)}40%{transform:rotate(9deg)translateY(2px)}50%{transform:rotate(-12deg)translateY(-8px)}58%{transform:rotate(12deg)translateY(4px)}66%{transform:rotate(-14deg)translateY(-10px)}73%{transform:rotate(14deg)translateY(6px)}80%{transform:rotate(-16deg)translateY(-12px)scale(1.04)}86%{transform:rotate(16deg)translateY(6px)scale(1.06)}92%{transform:rotate(-12deg)translateY(-14px)scale(1.1)}to{transform:rotate(0)translateY(-6px)scale(1.14)}}.capsule-art.big.burst{transform:scale(1.14)translateY(-6px)}.capsule-art.big.burst .cap.top{animation:.42s ease-out forwards cap-top}.capsule-art.big.burst .cap.bottom{animation:.42s ease-out forwards cap-bottom}@keyframes cap-top{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-160px)rotate(-40deg)}}@keyframes cap-bottom{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(30deg)}}.reveal-rays{background:conic-gradient(from 0deg, transparent 0 20deg, var(--ray,transparent) 20deg 30deg, transparent 30deg 60deg, var(--ray,transparent) 60deg 70deg, transparent 70deg 100deg, var(--ray,transparent) 100deg 110deg, transparent 110deg 140deg, var(--ray,transparent) 140deg 150deg, transparent 150deg 180deg, var(--ray,transparent) 180deg 190deg, transparent 190deg 220deg, var(--ray,transparent) 220deg 230deg, transparent 230deg 260deg, var(--ray,transparent) 260deg 270deg, transparent 270deg 300deg, var(--ray,transparent) 300deg 310deg, transparent 310deg 340deg, var(--ray,transparent) 340deg 350deg, transparent 350deg 360deg);z-index:-1;pointer-events:none;border-radius:50%;animation:14s linear infinite rays-spin;position:absolute;inset:-60px;-webkit-mask:radial-gradient(circle,#00000080 30%,#0000 70%);mask:radial-gradient(circle,#00000080 30%,#0000 70%)}.reveal-card.r-epic .reveal-rays{--ray:#c39bff59}.reveal-card.r-legendary .reveal-rays{--ray:#ffd23f73}@keyframes rays-spin{to{transform:rotate(360deg)}}.reveal-card .item-preview{animation:.6s cubic-bezier(.2,1.6,.4,1) 50ms both reveal-item}@keyframes reveal-item{0%{opacity:0;transform:scale(.2)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reveal-card{border:2px solid var(--panel-border);text-align:center;background:#081e46f2;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:min(86vw,300px);padding:20px 18px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) reveal-card;display:flex;position:relative;box-shadow:0 20px 50px #00000080}@keyframes reveal-card{0%{opacity:0;transform:translateY(60px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal-card.r-rare{border-color:#7fd1ff}.reveal-card.r-epic{border-color:#c39bff;box-shadow:0 0 30px #c39bff59,0 20px 50px #00000080}.reveal-rarity{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.reveal-card.r-rare .reveal-rarity{color:#7fd1ff}.reveal-card.r-epic .reveal-rarity{color:#c39bff}.reveal-card.r-legendary{border-color:#ffd23f;box-shadow:0 0 36px #ffd23f73,0 20px 50px #00000080}.reveal-card.r-legendary .reveal-rarity{color:#ffd23f}.reveal-name{letter-spacing:-.02em;font-size:26px;font-weight:900}.reveal-blurb{color:var(--muted);margin-top:-6px;font-size:14px}.reveal-new{color:#7bffb0;font-size:16px;font-weight:900}.reveal-dup{color:#ffe58a;font-size:14px;font-weight:800}.reveal-actions{gap:10px;margin-top:6px;display:flex}.earned{flex-direction:column;align-items:center;gap:4px;margin:-10px 0 16px;display:flex}.earned-row{color:#ffe58a;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:16px;font-weight:900;display:inline-flex}.earned-row.streak{color:#ffc4ee;font-size:13px}@media (prefers-reduced-motion:reduce){.capsule-art.big.drop,.capsule-art.big.shake,.capsule-art.big.burst .cap.top,.capsule-art.big.burst .cap.bottom,.pull-bubbles i,.pull-layer.shake .pull-glow,.pull-layer.burst .pull-flash,.reveal-rays,.reveal-card,.reveal-card .item-preview{animation:none}.pull-layer .pull-glow{opacity:1;transform:none}}.text-input.code{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.settings-hint{width:100%;margin-top:6px;font-size:13px;font-weight:700;line-height:1.35}.settings-hint.ok{color:#7bffb0}.settings-hint.err{color:#ff9e9e}.gift-card{gap:10px}.gift-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:8px;width:100%;max-height:min(58vh,460px);display:flex;overflow-y:auto}.gift-row{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;font-size:16px;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) both pop-in;display:flex}.gift-row:nth-child(2){animation-delay:80ms}.gift-row:nth-child(3){animation-delay:.16s}.gift-row:nth-child(4){animation-delay:.24s}.gift-noads{color:#fff;background:#ff6b6b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;text-decoration:line-through;display:inline-grid}.gift-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.gift-tile{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;line-height:1.1;display:flex;overflow:hidden}.gift-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.redeem-block{z-index:50;touch-action:none;background:#030e2473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.redeem-block-card{border:2px solid var(--panel-border);color:#fff;background:#081e46f2;border-radius:16px;padding:14px 22px;font-size:17px;font-weight:700}