:root{--ink:#241a12;--paper:#eceae3;--card:#fff;--line:#d9d5cb;--muted:#7a7468;--rec:#1f7a6b;--sans:"Nunito", system-ui, -apple-system, sans-serif;--display:"Fredoka", var(--sans)}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 520px at 50% -10%,#f4f2ec,#0000 60%),#e7e4dc}.page-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.fish-svg{overflow:visible}.ol{stroke:var(--ol-c,#3a2412);stroke-width:var(--ol-w,7);stroke-linejoin:round;stroke-linecap:round}.f-gloss{opacity:var(--gloss,.45)}.mouth{stroke-width:var(--mouth-w,3.5)}@keyframes zbob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2%)}}@keyframes zflap{0%,to{transform:rotate(-3deg)}50%{transform:rotate(15deg)}}@keyframes zsway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}@keyframes zblink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.1)}}.fish-inner{animation:2.7s ease-in-out infinite zbob}.flapper{transform-box:view-box;animation:1.15s ease-in-out infinite zflap}.swayer{transform-box:view-box;transform-origin:74px 86px;animation:2.3s ease-in-out infinite zsway}.eye{animation:5s ease-in-out infinite zblink}[data-theme=boardwalk]{--ol-c:#3a2412;--ol-w:7.5;--gloss:.5}[data-theme=boardwalk] .fish-svg{filter:drop-shadow(0 9px 7px #122e2c2e)}.no-motion .fish-inner,.no-motion .flapper,.no-motion .swayer,.no-motion .eye{animation:none!important}@media (prefers-reduced-motion:reduce){.fish-inner,.flapper,.swayer,.eye{animation:none!important}}.scene.game{aspect-ratio:16/9;background:linear-gradient(#5fa9b6 0%,#3d8aa0 45%,#235f7e 100%);border-radius:18px;outline:none;width:min(1180px,92vw);font-weight:800;position:relative;overflow:hidden;box-shadow:0 1px 2px #141e1e0d,0 26px 50px -28px #14282873}.scene.game:before{content:"";pointer-events:none;background:radial-gradient(120% 60px at 50% 44%,#ffffff59,#0000 70%),radial-gradient(120% 60px at 30% 70%,#ffffff38,#0000 70%);position:absolute;inset:0}.hud{z-index:6;font-weight:800;position:absolute}.hud.tl{align-items:center;gap:11px;display:flex;top:16px;left:16px}.hud.tr{top:16px;right:16px}.hud.bc{opacity:.85;white-space:nowrap;font-weight:700;bottom:12px;left:50%;transform:translate(-50%)}.hud .pill{color:#1f5a52;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;display:inline-flex;box-shadow:0 0 0 3px #2a1c10,0 4px #2a1c10}.hud.tr .pill{color:#fff;font-variant-numeric:tabular-nums;background:#f0852a}.hud .pill.leg{letter-spacing:.01em;font-size:15px}.dots{gap:7px;display:flex}.dots i{background:#ffffff57;border-radius:50%;width:13px;height:13px;transition:all .2s;box-shadow:inset 0 0 0 2.5px #2a1c10}.dots i.done{background:#f0852a}.dots i.cur{background:#fff;box-shadow:inset 0 0 0 2.5px #2a1c10,0 0 0 3px #f0852a8c}.scene.game.at-start .hud{display:none}.player{z-index:4;will-change:top, transform;width:150px;transition:transform .12s;position:absolute;left:13%}.player .fish-svg{width:100%;height:auto;display:block}.spark{z-index:1;pointer-events:none;opacity:.55;background:radial-gradient(circle at 32% 28%,#ffffffeb,#ffffff29 46%,#ffffff0a 72%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #ffffff73}.bub{z-index:5;text-align:center;-webkit-user-select:none;user-select:none;color:#2a2118;width:248px;min-height:104px;box-shadow:0 0 0 4px var(--bc), 0 8px 0 -2px #0000001f;background:#fff;border-radius:26px;justify-content:center;align-items:center;padding:14px 18px;font-size:12px;font-weight:700;line-height:1.32;animation:3.4s ease-in-out infinite zwobble;display:flex;position:absolute;overflow:visible}.bub.bait{--bc:#ff8a8a;background:#fff0f0}.bub.news,.bub.safe{--bc:#22c55e;background:#fff}.bub:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 36% 34%,#ffffffe6,#ffffff26 58%,#fff0 72%);border-radius:50%;width:34%;height:38%;display:none;position:absolute;top:7px;left:11px}.bub:after{content:"";z-index:1;pointer-events:none;background-color:#0000;background-image:radial-gradient(4px at 5px 44px,#fffc 58%,#0000 60%),radial-gradient(3px at 12px 28px,#ffffffa6 58%,#0000 60%),radial-gradient(2px at 6px 13px,#ffffff80 58%,#0000 60%);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:18px;height:50px;animation:3.2s linear infinite zrise;position:absolute;bottom:8px;left:-15px}@keyframes zwobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes zrise{0%{opacity:0;transform:translateY(10px)scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1)}}.scene.game.paused .bub{cursor:pointer;animation-play-state:paused}.scene.game.paused .bub:hover{transition:transform .12s;transform:translateY(-3px)scale(1.03)}.bub.bait .hook{z-index:2;pointer-events:none;filter:drop-shadow(0 3px 2px #0a1e2847);width:50px;height:120px;position:absolute;bottom:calc(100% - 26px);left:50%;overflow:visible;transform:translate(-50%)}.hk-line{fill:none;stroke:#eaf2f6;stroke-width:2.6px;stroke-linecap:round;opacity:.85}.hk-knot{fill:#c2ccd2;stroke:#3a2412;stroke-width:2.4px}.hk-ol{fill:none;stroke:#3a2412;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.hk-fill{fill:none;stroke:#c2ccd2;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.hk-point,.hk-barb{fill:#c2ccd2;stroke:#3a2412;stroke-width:2.6px;stroke-linejoin:miter;stroke-miterlimit:6}.hk-gleam{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:9 60;opacity:0;animation:3.4s linear infinite hk-gleam}@keyframes hk-gleam{0%{stroke-dashoffset:50px;opacity:0}25%{opacity:.9}60%{opacity:.9}to{stroke-dashoffset:-16px;opacity:0}}.no-motion .bub,.no-motion .bub:after,.no-motion .hk-gleam{animation:none!important}.no-motion .bub:after,.no-motion .hk-gleam{opacity:0}.ov{z-index:20;text-align:center;justify-content:center;align-items:center;padding:3.5%;display:none;position:absolute;inset:0}.ov.show{display:flex}.ov.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c222e8f}.ov.pause-bar{pointer-events:none;background:0 0;justify-content:center;align-items:flex-start;padding-top:78px}.pausebar{pointer-events:auto;background:#fffdf6;border-radius:16px;align-items:center;gap:16px;padding:11px 14px 11px 20px;display:flex;box-shadow:0 0 0 4px #2a1c10,0 10px 0 -3px #0003,0 18px 28px -12px #00000080}.pausebar .lbl{font-family:var(--display);color:#2a2118;font-size:18px;font-weight:600}.pausebar .hint{font:700 12px/1.3 var(--sans);color:#7a7468;text-align:center;text-wrap:balance;max-width:190px}#ov-article .panel{text-align:left;max-width:600px}#ov-article .src{font:800 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px}#ov-article .src.bait{color:#d2483f}#ov-article .src.news{color:var(--rec)}#ov-article h2{margin:0 0 14px;font-size:30px;line-height:1.08}#ov-article p{text-align:left;color:#4a443a;max-width:none;margin:0 0 12px;font-size:15px;font-weight:500}#ov-article .row{justify-content:flex-start;margin-top:18px}.lose-headline{font-family:var(--display);font-style:italic;font-weight:500;color:#d2483f!important;margin:2px auto 6px!important;font-size:18px!important}.panel{background:#fffdf6;border-radius:24px;max-width:560px;padding:32px 40px 30px;box-shadow:0 0 0 5px #2a1c10,0 16px 0 -4px #00000038,0 30px 50px -20px #00000080}.panel .kick{font:800 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rec);margin:0 0 10px}.panel .kick.warn{color:#d2483f}.panel h2{font-family:var(--display);color:#2a2118;margin:0 0 10px;font-size:40px;font-weight:600;line-height:1.02}.panel p{color:#5a5346;max-width:420px;margin:0 auto;font-size:16px;font-weight:600;line-height:1.5}.panel .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.deliver{justify-content:center;gap:10px;margin:16px 0 2px;display:flex}.deliver .d{flex-direction:column;align-items:center;gap:5px;width:74px;display:flex}.deliver .d .chip{font-family:var(--display);color:#2a6e63;font-size:14px;font-weight:600}.deliver .d .fishmini{width:64px}.deliver .d .fishmini .fish-svg{width:100%;height:auto;display:block}.btn{font-family:var(--display);color:#fff;cursor:pointer;letter-spacing:.01em;background:#f0852a;border:0;border-radius:16px;padding:14px 30px;font-size:21px;font-weight:600;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 4px #2a1c10,0 7px 0 -1px #b85f12,0 12px 16px -6px #0006}.btn:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #2a1c10,0 9px 0 -1px #b85f12,0 16px 20px -6px #0006}.btn:active{transform:translateY(2px);box-shadow:0 0 0 4px #2a1c10,0 4px 0 -1px #b85f12}.btn.sec{color:#2a2118;background:#fff;box-shadow:0 0 0 4px #2a1c10,0 7px 0 -1px #c9c2b2,0 12px 16px -6px #0000004d}.btn.sec:hover{box-shadow:0 0 0 4px #2a1c10,0 9px 0 -1px #c9c2b2,0 16px 20px -6px #0000004d}.btn.ghost{background:#1f7a6b;box-shadow:0 0 0 4px #14463d,0 7px 0 -1px #14463d}.btn.ghost:hover{box-shadow:0 0 0 4px #14463d,0 9px 0 -1px #14463d,0 16px 20px -6px #00000059}.btn.sm{border-radius:13px;padding:11px 20px;font-size:16px}.btn.kbd-focus{outline-offset:4px;outline:3px solid #1f7a6b}#ov-start{flex-direction:column;gap:0;padding:3% 4%}.title{font-family:var(--display);letter-spacing:.005em;color:#f6a93a;-webkit-text-stroke:5px #2a1c10;paint-order:stroke fill;text-shadow:0 5px #2a1c10,0 8px 14px #00000052;margin:0;font-size:48px;font-weight:700;line-height:.9}.story{font-family:var(--sans);color:#163b3a;background:#fffdf6d1;border-radius:14px;max-width:520px;margin:14px auto 16px;padding:11px 18px;font-size:15px;font-weight:600;line-height:1.45;box-shadow:0 0 0 3px #2a1c10e6}.diff-lbl{font:800 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:#f6a93a;-webkit-text-stroke:.5px #2a1c10;text-shadow:0 2px #2a1c10;margin:0 0 13px}.diffs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.diffs button{font-family:var(--display);color:#1c4a44;cursor:pointer;background:#fffdf6;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:11px 20px;transition:all .12s;display:flex;box-shadow:0 0 0 4px #2a1c10,0 5px 0 -1px #c9c2b2}.diffs button b{white-space:nowrap;font-size:18px;font-weight:600;line-height:1.1}.diffs button span{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7a9a92;font-size:11px;font-weight:700}.diffs button.on{color:#fff;background:#1f9684;box-shadow:0 0 0 4px #2a1c10,0 5px 0 -1px #14463d}.diffs button.on span{color:#cdeee7}.diffs button:hover{transform:translateY(-1px)}.trio{margin-top:14px}.trio-lbl{font:800 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f6a93a;-webkit-text-stroke:.5px #2a1c10;text-shadow:0 2px #2a1c10;margin:0 0 10px}.trio-row{pointer-events:none;justify-content:center;gap:22px;display:flex}.trio-fish{flex-direction:column;align-items:center;gap:3px;width:84px;display:flex}.trio-fish .fish-svg{width:100%;height:auto;display:block}.trio-fish b{font-family:var(--display);color:#fffdf6;text-shadow:0 2px #2a1c10;font-size:16px;font-weight:600}.trio-fish span{font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#bfe2dc}.count{font-family:var(--display);color:#f6a93a;-webkit-text-stroke:6px #2a1c10;paint-order:stroke fill;margin:10px 0 0;font-size:104px;font-weight:600;line-height:1;animation:.8s ease-in-out infinite pop}@keyframes pop{0%,to{opacity:.7;transform:scale(.9)}40%{opacity:1;transform:scale(1.08)}}.no-motion .count{animation:none!important}.cele{pointer-events:none;z-index:19;opacity:.8;background:radial-gradient(circle at 32% 28%,#fff,#fff3 60%,#0000);border-radius:50%;position:absolute}.menu-group{text-align:center;margin:1.2rem 0}.group-label{text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.duration-opts{justify-content:center;gap:.5rem;display:flex}.dur-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;padding:.4rem .9rem;font-size:.9rem;transition:all .2s}.dur-btn.on,.dur-btn:hover{color:#000;background:#fff;border-color:#fff;font-weight:700}#trio-row{z-index:10;position:relative;pointer-events:auto!important}.trio-fish{-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:12px;padding:8px;transition:transform .2s,border-color .2s,background-color .2s;cursor:pointer!important;pointer-events:auto!important}.trio-fish *{pointer-events:none!important}.trio-fish:hover{transform:translateY(-2px)}.trio-fish.selected{box-shadow:0 0 12px #4ade804d;background-color:#4ade802e!important;border-color:#4ade80!important}.category-opts{pointer-events:auto;flex-wrap:wrap;gap:8px;display:flex}.cat-btn{color:#fff;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.cat-btn:hover{background:#ffffff1f}.cat-btn.on{font-weight:600;background:#4ade8033!important;border-color:#4ade80!important}