@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Pixelify+Sans:wght@500;600;700&display=swap";.fishy-root{--fy-ink: #effaf8;--fy-muted: #a9cbd0;--fy-glass: rgba(4, 22, 34, .5);--fy-line: rgba(200, 245, 240, .16);--fy-sun: #ffc35c;--fy-sun-deep: #c9711d;--fy-coral: #ff7a5c;--fy-amber: #ffb347;--fy-pixel: "Pixelify Sans", "Outfit", system-ui, sans-serif;position:relative;height:calc(100dvh - 4rem);min-height:460px;overflow:hidden;background:#0b3a4d;color:var(--fy-ink);font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;-moz-user-select:none;user-select:none;-webkit-user-select:none}.fishy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.fishy-root.is-playing .fishy-canvas{cursor:none}.fishy-panel{position:absolute;background:var(--fy-glass);border:1px solid var(--fy-line);border-radius:14px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 30px #000a1440,inset 0 1px #ffffff14}.fishy-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fy-muted)}.fishy-vitals{top:16px;left:16px;width:196px;padding:12px 14px}.fishy-size{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.fishy-num{font-family:var(--fy-pixel);font-size:40px;font-weight:600;line-height:.9;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.fishy-meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.fishy-starving{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ff8f7a;animation:fishy-blink .9s steps(2,jump-none) infinite}.fishy-meter{height:10px;border-radius:3px;background:#00000059;box-shadow:inset 0 0 0 1px #ffffff1a;overflow:hidden}.fishy-meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--fy-coral),var(--fy-sun));box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff4d;transition:width .12s linear}.fishy-meter.is-empty{box-shadow:inset 0 0 0 1px #ff6e5ab3;animation:fishy-pulse .9s ease-in-out infinite}.fishy-sub{margin-top:8px;font-size:12px;color:var(--fy-muted)}.fishy-icon-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--fy-line);background:var(--fy-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--fy-ink);font-size:12px;letter-spacing:-2px;cursor:pointer}.fishy-icon-btn:hover{background:#0a2838b3}.fishy-pause-glyph{width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}.fishy-pause.is-paused .fishy-pause-glyph{width:0;height:0;margin-left:3px;border-right:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.fishy-depth{position:absolute;right:26px;top:76px;bottom:120px;width:8px;pointer-events:none}.fishy-depth-track{position:absolute;inset:0;border-radius:4px;overflow:visible;box-shadow:0 0 0 1px #ffffff1f}.fishy-depth-band{position:absolute;left:0;right:0;opacity:.55;transition:opacity .6s}.fishy-depth-band.is-here{opacity:1}.fishy-depth-band.b0{background:#5ccad3;border-radius:4px 4px 0 0}.fishy-depth-band.b1{background:#1d7397}.fishy-depth-band.b2{background:#0d2b49;border-radius:0 0 4px 4px}.fishy-depth-mark{position:absolute;left:-5px;width:18px;height:4px;margin-top:-2px;border-radius:2px;background:var(--fy-sun);box-shadow:0 0 10px #ffc35ce6}.fishy-depth-read{position:absolute;right:20px;margin-top:-9px;white-space:nowrap;font-family:var(--fy-pixel);font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.fishy-toasts{position:absolute;top:16px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none;width:min(440px,calc(100% - 140px))}.fishy-toast{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#04121ca8;border:1px solid var(--fy-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;animation:fishy-toast 5.2s ease forwards}.fishy-toast.is-extinct{border-color:#ff826e73}.fishy-toast-dot{flex:none;width:8px;height:8px;border-radius:2px}.fishy-toast.is-extinct .fishy-toast-dot{background:transparent!important;box-shadow:inset 0 0 0 1.5px #ff8f7a}.fishy-band{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;font-family:var(--fy-pixel);font-size:clamp(30px,5.5vw,56px);font-weight:600;letter-spacing:.08em;color:#fff;text-shadow:0 0 24px rgba(160,240,255,.55),0 3px 0 rgba(0,20,30,.35);opacity:0;animation:fishy-band 3.6s ease forwards}.fishy-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;animation:fishy-fade .5s ease}.fishy-overlay.is-title{background:radial-gradient(ellipse at center,#02142059,#020e180d 70%)}.fishy-overlay.is-end,.fishy-overlay.is-pause{background:radial-gradient(ellipse at center,#020c148c,#020a12c7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.fishy-card{width:min(460px,100%);text-align:center;padding:30px 28px 26px;border-radius:20px;background:#0416228c;border:1px solid var(--fy-line);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 24px 60px #00081066,inset 0 1px #ffffff1a;animation:fishy-rise .6s cubic-bezier(.2,.8,.2,1);max-height:100%;overflow-y:auto}.fishy-card.is-small{width:min(300px,100%)}.fishy-kicker{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#9fe7ea}.fishy-title{margin:0;font-family:var(--fy-pixel);font-size:clamp(44px,9vw,68px);font-weight:700;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 0 28px rgba(140,235,255,.5),0 4px 0 #0b5a6e,0 7px 0 rgba(0,20,30,.35)}.fishy-title.is-end{font-size:clamp(30px,6vw,42px);text-shadow:0 0 22px rgba(140,235,255,.35),0 3px 0 #0b4a5c}.fishy-lede{margin:16px auto 22px;max-width:34ch;font-size:16px;line-height:1.5;color:#d4ecec}.fishy-hint{margin:16px 0 0;font-size:13px;color:var(--fy-muted)}.fishy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:13px 30px 12px;font-family:var(--fy-pixel);font-size:20px;font-weight:600;letter-spacing:.04em;color:#2a1504;background:linear-gradient(180deg,#ffd27a,var(--fy-sun));box-shadow:0 5px 0 var(--fy-sun-deep),0 10px 24px #ffaa3c59,inset 0 2px #ffffff8c;cursor:pointer;transition:transform .08s,box-shadow .08s}.fishy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 0 var(--fy-sun-deep),0 14px 28px #ffaa3c73,inset 0 2px #ffffff8c}.fishy-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--fy-sun-deep),0 4px 12px #ffaa3c4d,inset 0 2px #fff6}.fishy-btn:focus-visible,.fishy-icon-btn:focus-visible{outline:3px solid #9fe7ea;outline-offset:3px}.fishy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}.fishy-stats>div{padding:10px 4px 8px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f}.fishy-stats b{display:block;font-family:var(--fy-pixel);font-size:24px;font-weight:600;color:#fff}.fishy-stats span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fy-muted)}.fishy-gone{margin:0 0 22px}.fishy-gone .fishy-label{margin:0 0 8px}.fishy-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:112px;overflow-y:auto}.fishy-chip{padding:3px 9px;border-radius:6px;font-size:12px;color:#ffd2c8;background:#ff6e5a1f;box-shadow:inset 0 0 0 1px #ff826e4d;text-decoration:line-through;text-decoration-color:#ffa08c99}@keyframes fishy-fade{0%{opacity:0}}@keyframes fishy-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes fishy-blink{50%{opacity:.35}}@keyframes fishy-pulse{50%{opacity:.55}}@keyframes fishy-toast{0%{opacity:0;transform:translateY(-8px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes fishy-band{0%{opacity:0;transform:translateY(10px);letter-spacing:.02em}18%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){.fishy-root *,.fishy-root *:before,.fishy-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.fishy-toast,.fishy-band{animation:none!important;opacity:1}}@media(max-width:640px){.fishy-vitals{top:10px;left:10px;width:150px;padding:9px 11px 10px}.fishy-num{font-size:30px}.fishy-icon-btn{top:10px;right:10px}.fishy-depth{right:18px;top:64px;bottom:110px;width:6px}.fishy-depth-read{font-size:11px}.fishy-toasts{top:64px;width:calc(100% - 24px)}.fishy-toast{font-size:13px}.fishy-stats{grid-template-columns:repeat(2,1fr)}.fishy-card{padding:24px 18px 20px}}