:root{--w-sky:#d6f3f7;--w-surface:#8fdceb;--w-upper:#46b2d4;--w-mid:#1f7fb0;--w-lower:#0f5688;--w-bed:#0a3a63;--w-abyss:#062742;--ink:#eaf6f8;--ink-soft:#a9cdd8;--amber:#ffb454;--amber-deep:#f0941f;--danger:#e3675a;--good:#7fe0a8;--font-display:"SF Pro Rounded", "Nunito", "Quicksand", system-ui, sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--slot-empty:#ffffff29;--line:#ffcf8a;--hud-ink:#0c3a4e;--hud-btn:#0c3a4e1a}*{box-sizing:border-box}html,body{background:var(--w-abyss);min-height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0}#app{justify-content:center;align-items:center;min-height:100svh;display:flex}.stage{background:var(--w-abyss);flex-direction:column;width:min(100%,520px);height:100svh;display:flex;position:relative;overflow:hidden}@media (width>=540px) and (height>=760px){body{background:#03101a}.stage{border-radius:22px;height:min(100svh,880px);box-shadow:0 24px 70px #0000008c}}.hud{z-index:5;background:linear-gradient(var(--w-sky), color-mix(in srgb, var(--w-sky) 75%, transparent));color:var(--hud-ink);justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .9rem .55rem;display:flex;position:relative}.hud .section{font-family:var(--font-display);letter-spacing:.01em;align-items:baseline;gap:.45rem;font-size:1rem;font-weight:700;display:flex}.hud .section small{opacity:.7;font-size:.7rem;font-weight:600}.slots{gap:.28rem;display:flex}.slot{background:var(--slot-empty);border-radius:50%;width:.8rem;height:.8rem;transition:transform .12s;box-shadow:inset 0 0 0 1.5px #0c3a4e40}.slot.full{background:radial-gradient(circle at 35% 30%, #ffe2b0, var(--amber-deep));box-shadow:inset 0 0 0 1.5px #00000014}.slot.pop{transform:scale(1.45)}.flyer{z-index:6;pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 2px 3px #0000004d);position:absolute;transform:translate(-50%,-50%)rotate(-90deg)}.flyer img{object-fit:contain;width:100%;height:100%;display:block}.hint{z-index:5;background:var(--w-sky);color:var(--hud-ink);align-items:center;gap:.4rem;padding:.3rem .95rem .5rem;font-size:.82rem;display:flex;position:relative}.hint b{font-family:var(--font-display)}.hint .dot{background:var(--amber-deep);border-radius:50%;flex:none;width:.5rem;height:.5rem}.water{cursor:ew-resize;touch-action:none;background:var(--w-abyss);flex:1;min-height:0;position:relative;overflow:hidden}.column{height:calc(var(--screens,2.5) * 100%);transform:translateY(var(--cam,0px));will-change:transform;background:linear-gradient(to bottom, var(--w-surface) 0%, var(--w-upper) 4%, var(--w-mid) 24%, var(--w-lower) 56%, var(--w-bed) 82%, var(--w-abyss) 100%);position:absolute;top:0;left:0;right:0}.column:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 calc(10% - 1px),#ffffff0f calc(10% - 1px) 10%);position:absolute;inset:0}.bed{background:linear-gradient(var(--w-bed), #08304f);pointer-events:none;height:6%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff14}.stage.sec-salt{--w-sky:#cdeede;--w-surface:#7fd9c0;--w-upper:#36b39a;--w-mid:#14887a;--w-lower:#0a6360;--w-bed:#074247;--w-abyss:#052e34}.stage.sec-delta{--w-sky:#e0e6c8;--w-surface:#b6c896;--w-upper:#86a86a;--w-mid:#5e8556;--w-lower:#416048;--w-bed:#2c4335;--w-abyss:#1c2c26}.stage.sec-deep{--w-sky:#2a3a55;--w-surface:#1c2c48;--w-upper:#15233d;--w-mid:#0e1a30;--w-lower:#091324;--w-bed:#060e1c;--w-abyss:#030812;--hud-ink:#e8f2fb;--hud-btn:#ffffff24}.fish,.hazard{left:calc(var(--x) * 1%);top:calc(var(--depth) * 1%);transform:translate(-50%, -50%) scaleX(var(--face,1));will-change:left, top;pointer-events:none;position:absolute}.fish{width:var(--fw,36px);filter:drop-shadow(0 2px 2px #00000038)}.fish svg,.fish img,.hazard svg,.hazard img{width:100%;height:auto;display:block}.fish.minnow{--fw:36px}.fish.bass{--fw:46px}.fish.pike{--fw:56px}.fish.jelly{--fw:30px}.fish.oyster{--fw:34px}.fish.crab{--fw:38px}.fish.mullet{--fw:46px}.fish.catfish{--fw:50px}.fish.needlefish{--fw:58px}.fish.gar{--fw:56px}.fish.horseshoe{--fw:42px}.fish.mussel{--fw:30px}.fish.mackerel{--fw:50px}.fish.snapper{--fw:46px}.fish.lionjelly{--fw:32px}.fish.cuttlefish{--fw:46px}.fish.urchin{--fw:30px}.fish.clam{--fw:34px}.fish.lanternfish{--fw:42px}.fish.gulper{--fw:56px}.fish.siphonophore{--fw:28px}.fish.anglerfish{--fw:48px}.fish.tubeworm{--fw:36px}.fish.vampyro{--fw:40px}.fish.boss{--fw:104px;z-index:2;filter:drop-shadow(0 4px 6px #0006)}.fish.caught{transform-origin:50%;z-index:3;animation:.2s hooked;transform:translate(-50%,-50%)rotate(-90deg)}@keyframes hooked{0%{transform:translate(-50%,-50%)rotate(-90deg)scale(1.5)}to{transform:translate(-50%,-50%)rotate(-90deg)scale(1)}}.hazard{width:var(--hw,30px);opacity:.95;rotate:var(--spin,-8deg);filter:drop-shadow(0 2px 2px #00000047)}.line{top:0;left:calc(var(--x) * 1%);width:2px;height:calc(var(--depth) * 1%);background:linear-gradient(var(--line), color-mix(in srgb, var(--line) 60%, transparent));pointer-events:none;z-index:3;position:absolute;transform:translate(-50%)}.hook{left:calc(var(--x) * 1%);top:calc(var(--depth) * 1%);z-index:4;pointer-events:none;filter:drop-shadow(0 0 5px #ffb4548c);width:20px;height:27px;position:absolute;transform:translate(-50%,-10%)}.hook svg,.hook img{object-fit:contain;width:100%;height:100%;display:block}.water.busted .line{--line:var(--danger)}.water.flash:after{content:"";background:var(--danger);opacity:.28;pointer-events:none;animation:.4s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.tray{z-index:5;background:linear-gradient(to top, var(--w-abyss), transparent);justify-content:center;padding:.7rem .9rem;display:flex;position:relative}.action{appearance:none;width:100%;max-width:320px;font-family:var(--font-display);letter-spacing:.02em;color:#5a2f00;background:linear-gradient(#ffd089, var(--amber-deep));cursor:pointer;border:none;border-radius:16px;padding:.95rem 1rem;font-size:1.05rem;font-weight:700;transition:transform 60ms,box-shadow 60ms;box-shadow:0 4px #c4760f,0 8px 18px #00000059}.action:active{transform:translateY(3px);box-shadow:0 1px #c4760f,0 4px 10px #00000059}.action.reel{color:#07344a;background:linear-gradient(#bfe9ff,#4aa6d8);box-shadow:0 4px #2c7aa6,0 8px 18px #00000059}.action.reel:active{box-shadow:0 1px #2c7aa6,0 4px 10px #00000059}.action:disabled{filter:saturate(.5)brightness(.85);cursor:default}.toast{z-index:6;color:var(--ink);opacity:0;pointer-events:none;background:#082840eb;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.9rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.bust{color:var(--danger)}.toast .new{color:var(--good);font-weight:700}.depth-tag{right:.5rem;top:calc(var(--depth) * 1%);z-index:4;font-variant-numeric:tabular-nums;color:var(--ink-soft);pointer-events:none;opacity:0;background:#06274280;border-radius:6px;padding:.05rem .35rem;font-size:.7rem;transition:opacity .2s;position:absolute;transform:translateY(-50%)}.water.fishing .depth-tag{opacity:1}@media (prefers-reduced-motion:reduce){.slot,.toast{transition:none}.fish.caught{animation:none}.water.flash:after{opacity:0;animation:none}}.stage.boss-active .column{filter:saturate(.9)brightness(.92)hue-rotate(-8deg)}.water.boss-fight .column{filter:saturate(.95)brightness(.86)hue-rotate(-12deg)}.boss-bar{appearance:none;cursor:pointer;color:#ffd7d0;width:calc(100% - 1.8rem);max-width:520px;font-family:var(--font-display);background:linear-gradient(#7a2230,#531320);border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;margin:.5rem auto 0;padding:.6rem .9rem;font-weight:700;animation:1.7s ease-in-out infinite bossPulse;display:flex;box-shadow:0 3px #3a0c14,0 6px 16px #0006}.boss-bar[hidden]{display:none}.boss-bar em{opacity:.8;font-size:.72rem;font-style:normal;font-weight:600}.boss-pips{gap:.28rem;display:inline-flex}.boss-pips .pip{background:#ffffff2e;border-radius:50%;width:.72rem;height:.72rem;box-shadow:inset 0 0 0 1.5px #ffffff47}.boss-pips .pip.on{box-shadow:none;background:radial-gradient(circle at 35% 30%,#ffd6b8,#e3675a)}@keyframes bossPulse{0%,to{box-shadow:0 3px #3a0c14,0 6px 16px #0006}50%{box-shadow:0 3px #3a0c14,0 6px 24px #e3675a8c}}.win{z-index:10;opacity:0;background:#041422b8;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.win[hidden]{display:none}.win.show{opacity:1}.win-card{text-align:center;background:linear-gradient(#0d3a5c,#08263f);border:1px solid #ffffff1f;border-radius:18px;max-width:300px;padding:1.5rem 1.6rem;transition:transform .25s;transform:translateY(10px)scale(.97);box-shadow:0 20px 50px #00000080}.win.show .win-card{transform:none}.win-title{font-family:var(--font-display);color:var(--amber);font-size:1.3rem;font-weight:700}.win-sub{color:var(--ink-soft);margin:.5rem 0 1.1rem;font-size:.9rem}.win-ok{appearance:none;cursor:pointer;font-family:var(--font-display);color:#5a2f00;background:linear-gradient(#ffd089, var(--amber-deep));border:none;border-radius:12px;padding:.7rem 1.5rem;font-weight:700;box-shadow:0 3px #c4760f}@media (prefers-reduced-motion:reduce){.boss-bar{animation:none}.win,.win-card{transition:none}}.hud{justify-content:flex-start}.hud .slots{margin-left:auto}.book-open{appearance:none;cursor:pointer;font-family:var(--font-display);color:var(--hud-ink);background:var(--hud-btn);border:none;border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.32rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}.book-open svg{width:1.05rem;height:1.05rem}.book-open:active{transform:scale(.96)}.book{z-index:11;opacity:0;background:#041422b8;justify-content:center;align-items:stretch;transition:opacity .22s;display:flex;position:absolute;inset:0}.book[hidden]{display:none}.book.show{opacity:1}.book-sheet{background:linear-gradient(#0d3a5c,#08263f);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:460px;margin:.6rem;transition:transform .22s;display:flex;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 20px 50px #00000080}.book.show .book-sheet{transform:none}.book-head{border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;padding:.85rem 1.05rem;display:flex}.book-title{font-family:var(--font-display);color:var(--amber);font-size:1.15rem;font-weight:700}.book-close{appearance:none;cursor:pointer;width:2rem;height:2rem;color:var(--ink-soft);background:#ffffff14;border:none;border-radius:50%;font-size:1.3rem;line-height:1}.book-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.85rem 1rem 1.1rem;overflow-y:auto}.bk-sec{margin-bottom:1.15rem}.bk-sec.locked{opacity:.62}.bk-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.bk-secname{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.45rem;font-size:.98rem;font-weight:700;display:flex}.bk-sec.active .bk-secname{color:var(--amber)}.bk-count{color:var(--ink-soft);font-size:.78rem;font-weight:600}.bk-star{color:var(--amber)}.bk-here{text-transform:uppercase;letter-spacing:.04em;color:#062742;background:var(--amber);border-radius:999px;padding:.08rem .42rem;font-size:.6rem;font-weight:700}.bk-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.bk-cell{text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;padding:.55rem .35rem;display:flex}.bk-cell.got{background:#ffb4541f;border-color:#ffb45457}.bk-art{flex:none;width:56px;min-width:0;height:44px;min-height:0;margin-bottom:.3rem;overflow:hidden}.bk-art svg,.bk-art img{object-fit:contain;width:100%;height:100%;display:block}.bk-cell.need .bk-art{filter:brightness(0)invert()opacity(.26)}.bk-cell.locked .bk-art{filter:brightness(0)invert()opacity(.16)}.bk-name{font-family:var(--font-display);color:var(--ink);font-size:.72rem;font-weight:700}.bk-cell.need .bk-name,.bk-cell.locked .bk-name{color:var(--ink-soft)}.bk-sub{color:var(--ink-soft);margin-top:.14rem;font-size:.6rem;line-height:1.25}.bk-cell.got .bk-sub{color:var(--amber)}.bk-boss{color:var(--ink-soft);background:#00000038;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;padding:.5rem .7rem;font-size:.76rem;display:flex}.bk-boss-art{flex:none;width:46px;height:36px;overflow:hidden}.bk-boss-art svg,.bk-boss-art img{object-fit:contain;width:100%;height:100%;display:block}.bk-boss-art.need svg,.bk-boss-art.need img{filter:brightness(0)invert()opacity(.22)}.bk-boss-info{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.bk-boss.live{color:#ffd0c8;background:#e3675a29}.bk-boss.done{color:var(--good);background:#7fe0a824}.bk-bosssub{opacity:.85;font-size:.66rem}.bk-pips{gap:.25rem;display:inline-flex}.bk-pips .pip{background:#ffffff29;border-radius:50%;width:.62rem;height:.62rem;box-shadow:inset 0 0 0 1.4px #ffffff42}.bk-pips .pip.on{box-shadow:none;background:radial-gradient(circle at 35% 30%,#ffd6b8,#e3675a)}.bk-fish{appearance:none;cursor:pointer;width:100%;font-family:var(--font-display);color:#5a2f00;background:linear-gradient(#ffd089, var(--amber-deep));border:none;border-radius:10px;margin-top:.55rem;padding:.55rem;font-size:.82rem;font-weight:700;box-shadow:0 2px #c4760f}.bk-fish:active{transform:translateY(1px);box-shadow:0 1px #c4760f}.bk-foot{text-align:center;background:#ffffff0d;border-radius:12px;margin-top:.3rem;padding:.7rem .8rem}.bk-gear{font-family:var(--font-display);color:var(--ink);font-size:.82rem;font-weight:700}.bk-gearsub{color:var(--ink-soft);margin-top:.15rem;font-size:.68rem}@media (prefers-reduced-motion:reduce){.book,.book-sheet{transition:none}}.flourish{z-index:9;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex;position:absolute;inset:0}.flourish[hidden]{display:none}.flourish.show{animation:2s forwards flourish-fade}@keyframes flourish-fade{0%{opacity:0}8%{opacity:1}78%{opacity:1}to{opacity:0}}.flourish-burst{place-items:center;width:168px;height:168px;display:grid;position:relative}.flourish-icon{z-index:2;filter:drop-shadow(0 4px 10px #f5a6238c);width:118px;height:118px}.flourish-icon svg{width:100%;height:100%;display:block}.flourish-icon path{fill:#ffd24a;stroke:#c9760c;stroke-width:2.5px;stroke-linejoin:round}.flourish-icon rect{fill:#e8a020}.flourish-icon .gem-r{fill:#e3675a}.flourish-icon .gem-b{fill:#5aa0e3}.flourish.show .flourish-icon{animation:.7s cubic-bezier(.2,1.4,.4,1) both star-pop}.flourish.master .flourish-icon{filter:drop-shadow(0 6px 16px #f5c85a99);width:150px;height:150px}.flourish.master .flourish-title{color:#ffe1a0;font-size:1.7rem}@keyframes star-pop{0%{transform:scale(0)rotate(-60deg)}70%{transform:scale(1.18)rotate(8deg)}to{transform:scale(1)rotate(0)}}.flourish-rays{z-index:1;background:repeating-conic-gradient(#ffd6788c 0deg 4deg,#0000 4deg 30deg);border-radius:50%;position:absolute;inset:-18px;-webkit-mask:radial-gradient(circle,#000 28%,#0000 68%);mask:radial-gradient(circle,#000 28%,#0000 68%)}.flourish.show .flourish-rays{animation:1.1s ease-out both rays-burst}@keyframes rays-burst{0%{opacity:0;transform:scale(.3)rotate(0)}25%{opacity:.9}to{opacity:0;transform:scale(1.5)rotate(40deg)}}.flourish-sparks{z-index:3;position:absolute;inset:0}.flourish-sparks i{opacity:0;background:radial-gradient(circle,#fff,#ffd24a 70%);border-radius:50%;width:8px;height:8px;margin:-4px;position:absolute;top:50%;left:50%}.flourish.show .flourish-sparks i{animation:.9s ease-out both spark-fly;animation-delay:var(--delay,0s)}@keyframes spark-fly{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(0);opacity:0}}.flourish-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #f5a62399,0 1px 2px #0006;font-size:1.25rem;font-weight:700}.flourish.show .flourish-title{animation:.6s ease-out .18s both title-rise}@keyframes title-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flourish-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);opacity:.92;font-size:.74rem}@media (prefers-reduced-motion:reduce){.flourish.show,.flourish.show .flourish-icon,.flourish.show .flourish-rays,.flourish.show .flourish-sparks i,.flourish.show .flourish-title{animation:none}.flourish.show{opacity:1}.flourish-rays,.flourish-sparks{display:none}}.trophy{z-index:12;opacity:0;background:#041422b3;justify-content:center;align-items:center;padding:1rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.trophy[hidden]{display:none}.trophy.show{opacity:1}.trophy-card{text-align:center;background:linear-gradient(#0d3a5c,#08263f);border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:320px;padding:1.4rem 1.2rem 1.2rem;transition:transform .2s;position:relative;transform:translateY(12px)scale(.97);box-shadow:0 18px 44px #00000080}.trophy.show .trophy-card{transform:none}.trophy-back{appearance:none;cursor:pointer;width:2rem;height:2rem;color:var(--ink-soft);background:#ffffff14;border:none;border-radius:50%;font-size:1.1rem;line-height:1;position:absolute;top:.7rem;left:.7rem}.trophy-art{width:132px;height:104px;margin:.2rem auto .7rem;overflow:hidden}.trophy-art svg,.trophy-art img{object-fit:contain;width:100%;height:100%;display:block}.trophy-art.got{filter:drop-shadow(0 4px 8px #00000059)}.trophy-art.need svg,.trophy-art.need img{filter:brightness(0)invert()opacity(.28)}.trophy-name{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:700}.trophy-water{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-top:.1rem;font-size:.74rem}.trophy-stats{flex-direction:column;gap:.5rem;margin:1rem 0 .4rem;padding:0;display:flex}.trophy-stats>div{background:#ffffff0d;border-radius:9px;justify-content:space-between;align-items:baseline;padding:.45rem .7rem;display:flex}.trophy-stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem}.trophy-stats dd{font-family:var(--font-display);color:var(--ink);margin:0;font-size:.86rem;font-weight:700}.trophy-hint{color:var(--ink-soft);margin-top:.7rem;font-size:.8rem;font-style:italic;line-height:1.4}@media (prefers-reduced-motion:reduce){.trophy,.trophy-card{transition:none}}.book-crown{letter-spacing:.04em;text-transform:uppercase;color:var(--amber);vertical-align:middle;align-items:center;gap:.3rem;margin-left:.5rem;font-size:.66rem;font-weight:700;display:inline-flex}.book-crown[hidden]{display:none}.book-crown svg{width:1.15rem;height:.92rem;display:block}.book-crown svg path{fill:#ffd24a;stroke:#c9760c;stroke-width:2.5px;stroke-linejoin:round}.book-crown svg rect{fill:#e8a020}.book-crown svg .gem-r{fill:#e3675a}.book-crown svg .gem-b{fill:#5aa0e3}.bk-reset-wrap{text-align:center;border-top:1px solid #ffffff14;margin-top:1.2rem;padding-top:.85rem}.bk-reset{appearance:none;cursor:pointer;font-family:var(--font-display);color:var(--danger);background:0 0;border:1px solid #e3675a66;border-radius:10px;padding:.5rem .9rem;font-size:.78rem;font-weight:700}.bk-reset.armed{color:#fff;background:var(--danger);border-color:var(--danger)}.bk-reset:active{transform:translateY(1px)}