:root{--ink: #10233a;--paper: #fffdf5;--accent: #ffcc33;--accent2: #ff5d8f;--good: #38d996;--water: #7fd7ff;--panel: rgba(255, 253, 245, .96);--shadow: 0 8px 0 rgba(16, 35, 58, .25), 0 14px 24px rgba(0, 0, 0, .25);--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;font-family:var(--font);background:#0a1622;color:var(--ink);user-select:none;touch-action:none}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#ui-root .floaters,#ui-root .toasts,#ui-root .vignette,.hud .prompt,.hud .cast-hint,.hud .boss-hud{pointer-events:none!important}.btn{font-family:var(--font);font-weight:800;font-size:16px;color:var(--ink);background:var(--accent);border:3px solid var(--ink);border-radius:14px;padding:12px 18px;cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .05s ease,box-shadow .05s ease}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.pink{background:var(--accent2);color:#fff}.btn.green{background:var(--good)}.btn.ghost{background:var(--paper)}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.panel{background:var(--panel);border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);padding:20px}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,#bfeaff,#7fd7ff 45%,#4aa8e0);z-index:30;padding:20px}.overlay.hidden{display:none}.logo{font-size:clamp(40px,11vw,90px);font-weight:900;letter-spacing:-2px;color:var(--paper);text-shadow:0 6px 0 var(--ink),0 8px 0 var(--ink),0 16px 20px rgba(0,0,0,.3);transform:rotate(-3deg);margin:0 0 6px;text-align:center}.logo .fin{color:var(--accent)}.tagline{text-align:center;font-weight:700;color:var(--ink);margin-bottom:22px;opacity:.8}.card{width:min(460px,94vw);text-align:center}.x-follow{display:flex;flex-direction:column;align-items:center;gap:3px;margin:14px 0 4px;text-decoration:none}.x-follow .x-arrow{font-size:22px;animation:xbounce .9s ease-in-out infinite}@keyframes xbounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.x-follow .x-pill{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-weight:900;font-size:16px;letter-spacing:.5px;padding:10px 22px;border-radius:999px;border:3px solid var(--ink);box-shadow:0 5px #10233a4d;transition:transform .1s,box-shadow .1s}.x-follow:hover .x-pill{transform:translateY(-1px)}.x-follow:active .x-pill{transform:translateY(3px);box-shadow:0 2px #10233a4d}.x-follow .x-logo{width:19px;height:19px;fill:#fff}.field{width:100%;font-size:18px;font-weight:700;padding:14px;border:3px solid var(--ink);border-radius:14px;margin-bottom:14px;text-align:center;font-family:var(--font)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}@media (max-width: 460px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat-cell{border:3px solid var(--ink);border-radius:16px;padding:10px 6px;cursor:pointer;background:var(--paper);text-align:center;transition:transform .08s}.cat-cell:active{transform:scale(.96)}.cat-cell.selected{outline:4px solid var(--accent2);background:#fff4f8}.cat-cell.locked{opacity:.5;filter:grayscale(.6)}.cat-face{display:block;margin:0 auto 4px}.cat-art{position:relative;display:inline-block;margin:0 auto 4px}.cat-art .cat-face{margin:0}.cat-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cat-name{font-weight:800;font-size:13px}.cat-perk{font-size:10px;opacity:.7;line-height:1.2;margin-top:2px}.pick-label{font-weight:800;font-size:13px;opacity:.7;margin:4px 0 2px}.cat-preview{display:flex;align-items:center;gap:12px;justify-content:center;background:#fff4f8;border:3px solid var(--ink);border-radius:16px;padding:10px 14px;margin-bottom:14px}.cat-preview .preview-txt{text-align:left}.cat-preview .preview-name{font-weight:900;font-size:18px}.cat-preview .preview-name span{font-weight:700;font-size:12px;opacity:.6}.cat-preview .preview-perk{font-weight:800;font-size:12px;color:var(--accent2);margin-top:2px}.hero-cat{display:flex;justify-content:center;margin:8px 0 14px}.hero-cat .cat-art{margin:0}.howto{position:relative;margin-top:16px;text-align:left;background:#eaf6ff;border:3px solid var(--ink);border-radius:16px;padding:12px 14px}.howto.hidden{display:none}.howto-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-weight:900;cursor:pointer;line-height:1;padding:0}.howto-x:active{transform:scale(.9)}.howto-title{font-weight:900;font-size:15px;margin-bottom:6px}.howto-list{margin:0;padding:0;list-style:none}.howto-list li{font-size:12.5px;font-weight:600;margin:5px 0;line-height:1.35}.hud{position:fixed;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.topbar{position:fixed;top:12px;right:12px;display:flex;gap:8px;align-items:center}.stat-chip{background:var(--panel);border:3px solid var(--ink);border-radius:999px;padding:8px 14px;font-weight:800;display:flex;gap:6px;align-items:center;font-size:15px;box-shadow:0 4px #10233a33}.wallet-chip{background:var(--ink);color:var(--accent);cursor:pointer}.topleft{position:fixed;top:12px;left:12px;display:flex;gap:8px;flex-direction:column;max-width:240px}.name-chip{background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:6px 12px;font-weight:800;font-size:14px;align-self:flex-start;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 560px){.topbar{top:8px;right:8px;gap:6px}.stat-chip{font-size:13px;padding:6px 10px;box-shadow:0 3px #10233a33}.topbar .wallet-chip{font-size:0;padding:7px 9px}.topbar .wallet-chip:before{content:"👛";font-size:16px}.topleft{top:8px;left:8px;max-width:40vw}.name-chip{font-size:12px;padding:5px 9px}}@media (max-width: 400px){.stat-chip{font-size:12px;padding:5px 8px}.topbar{gap:5px}.topleft{max-width:33vw}}.quests{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:8px 10px;box-shadow:0 4px #10233a33}.quests-head{font-weight:900;font-size:12px;letter-spacing:1px;opacity:.7;margin-bottom:6px}.quest{margin-bottom:8px}.quest:last-child{margin-bottom:0}.quest .q-top{display:flex;justify-content:space-between;gap:8px;font-weight:800;font-size:12px}.quest .q-rew{color:#c78a00;white-space:nowrap}.quest .q-bar{height:7px;background:#10233a1f;border-radius:999px;margin:3px 0 1px;overflow:hidden}.quest .q-fill{height:100%;background:var(--good);border-radius:999px;transition:width .3s ease}.quest .q-count{font-size:10px;font-weight:700;opacity:.6;text-align:right}.quest.qdone{opacity:.6}.quest.qdone .q-fill{background:var(--accent)}.boss-hud{position:fixed;left:50%;top:84px;transform:translate(-50%);width:min(460px,92vw);text-align:center;display:none;z-index:23}.boss-hud.show{display:block;animation:bossIn .3s cubic-bezier(.2,1.4,.4,1)}@keyframes bossIn{0%{transform:translate(-50%) scale(.7);opacity:0}}.boss-title{font-weight:900;font-size:22px;color:#fff;text-shadow:0 3px 0 #7a1020,0 4px 10px rgba(0,0,0,.5);margin-bottom:6px}.boss-bar{height:22px;background:#00000073;border:3px solid #fff;border-radius:999px;overflow:hidden}.boss-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff4d4d,#fc3);transition:width .12s linear}.boss-hint{font-weight:800;color:#fff;text-shadow:0 2px 0 #7a1020;margin-top:6px;animation:bob 1s ease-in-out infinite}.vignette{position:fixed;inset:0;pointer-events:none;z-index:22;opacity:0;transition:opacity .5s ease;box-shadow:inset 0 0 200px 60px #0a1428b3;background:radial-gradient(circle,transparent 55%,rgba(10,20,40,.35) 100%)}.vignette.show{opacity:1}.screen-flash{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.5;mix-blend-mode:screen;transition:opacity .26s ease-out}.flex-cta{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(24px);display:flex;gap:8px;align-items:center;z-index:29;pointer-events:auto;background:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:7px 8px 7px 16px;box-shadow:0 6px #00000040;opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.2,1.4,.4,1);max-width:94vw}.flex-cta.show{opacity:1;transform:translate(-50%) translateY(0)}.flex-cta .flex-label{color:var(--paper);font-weight:800;font-size:14px;white-space:nowrap}.flex-cta .flex-x{background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-weight:900;font-size:14px;padding:7px 14px;cursor:pointer;white-space:nowrap}.flex-cta .flex-x:active{transform:translateY(2px)}.flex-cta .flex-close{background:transparent;color:var(--paper);border:none;font-weight:900;font-size:15px;cursor:pointer;padding:4px 6px;opacity:.7}@media (max-width: 480px){.flex-cta .flex-label{font-size:12px}}.actions{position:fixed;bottom:18px;right:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.round-btn{width:58px;height:58px;border-radius:50%;border:3px solid var(--ink);background:var(--paper);font-size:24px;box-shadow:0 5px 0 var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.round-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.prompt{position:fixed;left:50%;bottom:120px;transform:translate(-50%);background:var(--ink);color:var(--paper);border-radius:14px;padding:12px 20px;font-weight:800;font-size:17px;display:none;align-items:center;gap:10px;box-shadow:var(--shadow);animation:bob 1s ease-in-out infinite}.prompt.show{display:flex}.prompt .key{background:var(--accent);color:var(--ink);border-radius:8px;padding:2px 9px;border:2px solid var(--paper)}@keyframes bob{50%{transform:translate(-50%) translateY(-5px)}}.joy{position:fixed;bottom:24px;left:24px;width:130px;height:130px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);display:none;touch-action:none}.joy.show{display:block}.joy .nub{position:absolute;width:58px;height:58px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);left:33px;top:33px}.mobile-action{position:fixed;bottom:40px;right:100px;display:none}.mobile-action.show{display:block}.popup-wrap{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:25;background:#0614228c;backdrop-filter:blur(2px)}.popup-wrap.show{display:flex}.popup{width:min(420px,92vw);text-align:center;animation:pop .3s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.popup .rarity-tag{display:inline-block;padding:4px 14px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:1px;border:2px solid var(--ink);margin-bottom:8px}.popup .fish-art{position:relative;width:124px;height:124px;margin:6px auto 4px;border-radius:20px;border:4px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.popup .fish-art .fish-svg{width:100%;height:100%}.popup .fish-art .fish-png{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.popup h2{margin:6px 0 2px;font-size:26px}.popup .meta{font-weight:800;opacity:.8;margin-bottom:4px}.popup .desc{font-style:italic;opacity:.75;font-size:14px;margin-bottom:14px}.popup .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.popup .row .btn{padding:12px 6px;font-size:15px}.popup .smack{grid-column:1 / -1;background:var(--accent2);color:#fff;font-size:18px}.sheet{position:fixed;top:0;right:0;height:100%;width:min(380px,92vw);background:var(--panel);border-left:4px solid var(--ink);box-shadow:var(--shadow);transform:translate(105%);transition:transform .25s ease;z-index:26;overflow-y:auto;padding:18px}.sheet.show{transform:translate(0)}.sheet h2{margin:6px 0 14px}.sheet .close-x{position:absolute;top:14px;right:14px}.inv-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:3px solid var(--ink);border-radius:12px;margin-bottom:8px;background:var(--paper);font-weight:700}.inv-row .qty{background:var(--ink);color:var(--accent);border-radius:8px;padding:2px 10px;font-weight:900}.hof-hero{display:flex;gap:12px;align-items:center;background:#fff4d6;border:3px solid var(--ink);border-radius:16px;padding:10px;margin-bottom:12px}.hof-fish{width:72px;height:72px;flex:0 0 auto;position:relative}.hof-fish .fish-svg,.hof-fish img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hof-hero-label{font-size:10px;font-weight:900;letter-spacing:1px;opacity:.6}.hof-hero-name{font-weight:900;font-size:18px}.hof-hero-meta{font-weight:700;font-size:12px;opacity:.7}.hof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hof-stat{display:flex;justify-content:space-between;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:8px 10px;font-weight:700;font-size:13px}.hof-stat b{font-weight:900}.lb{display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);font-weight:700;font-size:13px}.lb-row.you{background:#e8fff4;outline:3px solid var(--good)}.lb-rank{width:28px;text-align:center}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-coins{font-weight:900;white-space:nowrap}.lb-note{font-size:11px;opacity:.6;margin-top:8px;text-align:center}.ticket-wrap{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:28;background:#06142299;backdrop-filter:blur(3px)}.ticket-wrap.show{display:flex}.ticket{position:relative;width:min(360px,90vw);text-align:center;padding:26px 22px 22px;overflow:hidden;background:linear-gradient(160deg,#fff6d6,#ffe08a);border:5px solid var(--ink);border-radius:22px;box-shadow:0 0 0 4px #fc3,var(--shadow);animation:pop .35s cubic-bezier(.2,1.5,.4,1)}.ticket-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,#fff59a,transparent 30%);animation:spin 4s linear infinite;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.ticket>*:not(.ticket-glow){position:relative;z-index:1}.ticket-emoji{font-size:60px;animation:bob 1s ease-in-out infinite}.ticket-title{font-weight:900;font-size:26px;letter-spacing:1px;color:var(--ink)}.ticket-prize{font-weight:900;font-size:34px;color:#c78a00;margin:2px 0 4px;text-shadow:0 2px 0 #fff}.ticket-id{font-family:monospace;font-weight:800;opacity:.6;margin-bottom:8px}.ticket-note{font-size:12px;font-weight:700;opacity:.75;margin-bottom:14px}.claim-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.claim-err{color:#e0533a;font-weight:800;font-size:12px;min-height:15px}.shop-item{border:3px solid var(--ink);border-radius:14px;padding:12px;margin-bottom:10px;background:var(--paper)}.shop-item .top{display:flex;justify-content:space-between;align-items:center;font-weight:800}.shop-item .desc{font-size:12px;opacity:.7;margin:4px 0 8px}.floaters{position:fixed;inset:0;pointer-events:none;z-index:27;overflow:hidden}.floater{position:absolute;font-weight:900;font-size:34px;color:var(--accent);text-shadow:0 3px 0 var(--ink),0 4px 8px rgba(0,0,0,.4);transform:translate(-50%,-50%);animation:floatUp 1.1s ease-out forwards;white-space:nowrap}@keyframes floatUp{to{transform:translate(-50%,-180%) scale(1.15);opacity:0}}.toasts{position:fixed;top:66px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:24;pointer-events:none;width:max-content;max-width:90vw}.toast{background:var(--ink);color:var(--paper);padding:8px 16px;border-radius:999px;font-weight:800;font-size:14px;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards}@keyframes toastIn{0%{transform:translateY(-12px);opacity:0}}@keyframes toastOut{to{transform:translateY(-12px);opacity:0}}.bite-btn{position:fixed;left:50%;bottom:130px;transform:translate(-50%);display:none;z-index:22}.bite-btn.show{display:block;animation:shake .25s infinite}@keyframes shake{25%{transform:translate(-50%) rotate(-4deg)}75%{transform:translate(-50%) rotate(4deg)}}.cast-bar{position:fixed;left:50%;bottom:130px;transform:translate(-50%);width:220px;height:22px;background:#ffffff40;border:3px solid var(--ink);border-radius:999px;display:none;overflow:hidden;z-index:22}.cast-bar.show{display:block}.cast-bar .fill{height:100%;width:0%;background:var(--good)}.cast-hint{position:fixed;left:50%;bottom:160px;transform:translate(-50%);font-weight:900;color:#fff;text-shadow:0 2px 0 var(--ink);display:none;z-index:22}.cast-hint.show{display:block}.credit{position:fixed;bottom:6px;left:50%;transform:translate(-50%);font-size:11px;color:#fff9}