@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}:root{--bg: #17303a;--bg-2: #1f4150;--panel: #f3e7c9;--panel-2: #e8d5a8;--panel-3: #d9c08f;--ink: #17303a;--ink-2: #3f5a63;--muted: #6d7f84;--water: #3fa8a0;--water-2: #2f8c8a;--wood: #b07a3a;--wood-2: #7a4e22;--accent: #f2c230;--accent-2: #d49a52;--danger: #e2566b;--ok: #5f8f3c;--radius: 10px;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-height: 100vh;--safe-top: 0px;--safe-bottom: 0px;--safe-left: 0px;--safe-right: 0px;--max-width: 430px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:15px;line-height:1.35;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{min-height:var(--app-height);height:var(--app-height);overflow:hidden}#root{height:var(--app-height)}button{font:inherit;color:inherit}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}h1,h2,h3,.pixel{font-family:var(--font-pixel);font-weight:400;letter-spacing:0}h1{font-size:14px;margin:0}h2{font-size:12px;margin:0 0 8px;line-height:1.6;overflow-wrap:anywhere}h2.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}h3{font-size:10px;margin:0 0 6px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{height:var(--app-height);display:flex;flex-direction:column;align-items:center;background:var(--bg)}.frame{width:100%;max-width:var(--max-width);height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--bg-2);position:relative;overflow:hidden}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:44px;background:var(--bg);color:var(--panel)}.topbar .chip{display:inline-flex;align-items:center;gap:6px;background:#f3e7c91f;border:1px solid rgba(243,231,201,.25);border-radius:999px;padding:4px 10px 4px 6px;font-family:var(--font-pixel);font-size:9px;color:var(--panel);white-space:nowrap}.topbar .chip-btn{cursor:pointer}.topbar .chip-profile{min-width:0;flex-shrink:1;overflow:hidden}.topbar .chip-profile>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar .chip-btn:active{transform:translateY(1px)}.topbar .spacer{flex:1}.xpbar{width:54px;height:6px;background:#00000059;border-radius:3px;overflow:hidden}.xpbar>i{display:block;height:100%;background:var(--accent)}.content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px;background:var(--panel)}.nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg);border-top:2px solid #0e1f27;padding-bottom:var(--safe-bottom)}.nav button{background:none;border:0;padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#f3e7c999;font-family:var(--font-pixel);font-size:7px;cursor:pointer;position:relative}.nav button[aria-current=page]{color:var(--accent)}.nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav .badge{position:absolute;top:4px;right:calc(50% - 20px);min-width:14px;height:14px;border-radius:7px;background:var(--danger);color:#fff;font-size:7px;line-height:14px;text-align:center;padding:0 3px}.icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;image-rendering:pixelated;flex:0 0 auto}.icon.lg{width:32px;height:32px;background-size:32px 32px}.icon.sm{width:12px;height:12px;background-size:12px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius);padding:12px 16px;font-family:var(--font-pixel);font-size:10px;line-height:1.4;background:var(--accent);color:var(--ink);box-shadow:0 3px #a67c12;cursor:pointer;user-select:none;-webkit-user-select:none;text-align:center}.btn:active{transform:translateY(2px);box-shadow:0 1px #a67c12}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn.secondary{background:var(--panel-2);box-shadow:0 3px #b89a62}.btn.secondary:active{box-shadow:0 1px #b89a62}.btn.water{background:var(--water);color:#fff;box-shadow:0 3px #1f6b68}.btn.water:active{box-shadow:0 1px #1f6b68}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 3px #8f2a3c}.btn.block{width:100%}.btn.stack{flex-direction:column;gap:4px}.btn .sub-price{font-family:var(--font-text);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.btn.small{padding:8px 10px;font-size:8px;border-radius:8px}.btn-row{display:flex;gap:8px}.btn-row>.btn{flex:1;min-width:0}.text-btn{background:none;border:0;padding:4px;color:var(--ink-2);text-decoration:underline;cursor:pointer;font-size:13px}.fishing{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg-2)}.scene-wrap{position:relative;flex:1 1 auto;min-height:160px;background:linear-gradient(180deg,#8fd0e8 0% 49.5%,#2f8c8a 50.5% 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.scene-wrap.tank{background:#10242c}.scene-wrap>.scene-host{width:100%;height:100%}.scene-wrap canvas{display:block}.scene-overlay{position:absolute;inset:0;pointer-events:none}.hint{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#17303ae0;color:var(--panel);border-radius:8px;padding:8px 12px;font-family:var(--font-pixel);font-size:8px;line-height:1.7;text-align:center;max-width:90%;pointer-events:none;white-space:pre-line}.hint.big{font-size:12px;top:40%;padding:12px 16px;animation:pop .35s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.meter{position:absolute;right:10px;top:10px;bottom:10px;width:44px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.meter .track{position:relative;flex:1 1 auto;background:#17303abf;border:2px solid var(--panel);border-radius:6px;overflow:hidden}.meter .zone{position:absolute;left:3px;right:3px;background:#f2c230d9;border:2px solid #fff3c4;border-radius:4px;will-change:transform,height}.meter .zone.inside{background:#8fbf5ae6;border-color:#e7ffd0}.meter .fish{position:absolute;left:50%;width:26px;height:14px;margin-left:-13px;margin-top:-7px;will-change:transform;background:var(--rarity, #7fa88a);-webkit-mask:url(/assets/icon_rod.png) no-repeat center / contain;mask:url(/assets/icon_rod.png) no-repeat center / contain}.meter .fish-dot{position:absolute;left:50%;width:20px;height:12px;margin-left:-10px;margin-top:-6px;border-radius:10px 4px 4px 10px;background:var(--rarity, #7fa88a);border:2px solid #fff;box-shadow:0 0 6px #0006;will-change:transform}.meter .fish-dot.telegraph{box-shadow:0 0 0 4px #fff9}.meter .progress{height:10px;background:#17303abf;border:2px solid var(--panel);border-radius:6px;overflow:hidden}.meter .progress>i{display:block;height:100%;width:30%;background:var(--accent);transform-origin:left;will-change:width}.progress-wide{height:14px;background:#17303abf;border:2px solid var(--panel);border-radius:7px;overflow:hidden;margin:0 12px}.progress-wide>i{display:block;height:100%;background:linear-gradient(90deg,#d49a52,var(--accent));width:30%}.controls{flex:0 0 auto;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:var(--bg-2)}.status-line{color:var(--panel);font-family:var(--font-pixel);font-size:8px;line-height:1.6;text-align:center;min-height:14px}.hold-btn{width:100%;height:84px;border:0;border-radius:16px;background:var(--accent);color:var(--ink);font-family:var(--font-pixel);font-size:13px;box-shadow:0 6px #a67c12;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;transition:transform .05s}.hold-btn.pressed,.hold-btn:active{transform:translateY(4px);box-shadow:0 2px #a67c12;background:#ffd45a}.hold-btn.water{background:var(--water);color:#fff;box-shadow:0 6px #1f6b68}.hold-btn.water.pressed,.hold-btn.water:active{box-shadow:0 2px #1f6b68;background:#4fc0b6}.hold-btn:disabled{opacity:.7;cursor:default;transform:none}.hold-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.result{position:absolute;inset:0;background:#17303aeb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;z-index:5;color:var(--panel);overflow:hidden}.result .card{width:100%;max-width:360px;background:var(--panel);color:var(--ink);border-radius:14px;padding:14px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:pop .35s ease-out;transform-origin:center;position:relative}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result .card.rare-glow{box-shadow:0 0 0 4px var(--rarity),0 0 36px var(--rarity)}.fish-stage{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#3fa8a059,#3fa8a000 70%);border-radius:10px}.fish-stage.big{height:150px}.fish-stage canvas{animation:swim 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.fish-stage canvas{animation:none}}@keyframes swim{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag{display:inline-flex;align-items:center;white-space:nowrap;gap:5px;background:var(--panel-2);border-radius:999px;padding:4px 9px;font-family:var(--font-pixel);font-size:7px;color:var(--ink)}.tag.rarity{background:var(--rarity, #7fa88a);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}.tag.new{background:var(--ok);color:#fff}.tag.record{background:var(--accent)}.tag.perfect{background:#8a5cf5;color:#fff}.fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%}.field{background:var(--panel-2);border-radius:8px;padding:6px;text-align:center;min-width:0}.field .label{font-size:11px;color:var(--muted)}.field .value{font-family:var(--font-pixel);font-size:9px;line-height:1.6;overflow-wrap:anywhere}.field.wide{grid-column:span 3}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.fish-card{background:var(--panel-2);border:2px solid transparent;border-radius:10px;padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center;position:relative;min-width:0}.fish-card:focus-visible{outline:2px solid var(--ink)}.fish-card.selected{border-color:var(--ink);background:#fff6dc}.fish-card .name{font-family:var(--font-pixel);font-size:8px;line-height:1.5}.fish-card .sub{font-size:12px;color:var(--ink-2)}.fish-card .thumb{height:48px;display:flex;align-items:center;justify-content:center}.fish-card .dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--rarity, #7fa88a);border:2px solid #fff}.fish-card .slot-no{position:absolute;top:4px;left:6px;font-family:var(--font-pixel);font-size:8px;background:var(--ink);color:var(--panel);border-radius:4px;padding:2px 4px}.fish-card .reserved{position:absolute;bottom:4px;right:6px;font-size:10px;color:var(--danger)}.panel{background:var(--panel-2);border-radius:10px;padding:10px 12px;margin-bottom:10px}.panel p{margin:4px 0}.row{display:flex;align-items:center;gap:10px}.row .grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.empty{text-align:center;color:var(--muted);padding:24px 12px;line-height:1.5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.section-head h2{margin:0}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.pill-tabs button{border:0;background:var(--panel-2);border-radius:999px;padding:6px 10px;font-family:var(--font-pixel);font-size:8px;cursor:pointer}.pill-tabs button[aria-pressed=true]{background:var(--ink);color:var(--panel)}table.lb{width:100%;border-collapse:collapse;font-size:13px}table.lb td{padding:6px 4px;border-bottom:1px solid rgba(23,48,58,.12)}table.lb td.num{text-align:right;font-family:var(--font-pixel);font-size:8px}table.lb tr.me td{background:#f2c23040}.sheet-backdrop{position:absolute;inset:0;background:#0e1f2799;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-height:92%;background:var(--panel);border-radius:16px 16px 0 0;padding:10px 14px calc(14px + var(--safe-bottom));overflow-y:auto;animation:slide-up .25s ease-out}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.sheet,.result .card,.hint.big{animation:none}}.sheet .handle{width:40px;height:4px;border-radius:2px;background:var(--panel-3);margin:0 auto 10px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.close-btn{border:0;background:var(--panel-2);width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.toasts{position:absolute;top:calc(var(--safe-top) + 52px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:50;pointer-events:none}.toast{background:var(--ink);color:var(--panel);border-radius:8px;padding:8px 12px;font-size:13px;max-width:90%;box-shadow:0 2px 8px #0000004d}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--ok);color:#fff}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--panel)}.center input{font:inherit;padding:10px 12px;border-radius:8px;border:2px solid var(--panel-3);width:100%;max-width:260px}.dev-banner{background:#8a5cf5;color:#fff;font-family:var(--font-pixel);font-size:7px;text-align:center;padding:3px}.loader{width:48px;height:48px;border:4px solid rgba(243,231,201,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.coin{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.level-up{position:absolute;left:50%;top:70px;transform:translate(-50%);background:var(--accent);color:var(--ink);font-family:var(--font-pixel);font-size:9px;padding:8px 12px;border-radius:8px;animation:pop .3s ease-out;z-index:6;pointer-events:none}.desktop-note{display:none}@media(min-width:700px){.app{padding:12px 0}.frame{border-radius:18px;box-shadow:0 0 0 4px #0e1f27,0 20px 60px #00000080;height:min(100%,860px)}}.meter{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:88px;height:min(360px,calc(100% - 28px));pointer-events:none;display:flex}.meter-body{flex:1;display:flex;gap:6px;padding:12px 10px;border:12px solid transparent;border-image:url(/assets/meter_frame.png) 12 fill / 12px stretch;image-rendering:pixelated;box-sizing:border-box}.meter .track{position:relative;flex:1 1 auto;min-width:0;background:#1c3f6e url(/assets/meter_water.png) repeat;background-size:32px 64px;border:2px solid #0f2238;border-radius:3px;overflow:hidden;animation:meter-water 2.4s steps(2) infinite}@keyframes meter-water{0%{background-position:0 0}to{background-position:0 -64px}}.meter .zone{position:absolute;left:2px;right:2px;top:0;background:#76c478b8;border:2px solid #c8f0b4;border-radius:4px;box-sizing:border-box;will-change:transform,height;transition:filter .12s}.meter .zone.inside{filter:brightness(1.18);background:#8ede84db}.meter .fish-icon{position:absolute;left:50%;top:0;width:32px;height:24px;margin-left:-16px;margin-top:-12px;background:url(/assets/fish_icon.png) no-repeat 0 0;background-size:128px 24px;image-rendering:pixelated;will-change:transform;animation:fish-swim .7s steps(4) infinite;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.meter.special .fish-icon{background-image:url(/assets/fish_icon_special.png)}@keyframes fish-swim{0%{background-position:0 0}to{background-position:-128px 0}}.meter .fish-icon.telegraph{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 1px 0 rgba(0,0,0,.45))}.meter .chest{position:absolute;left:50%;top:0;width:28px;height:24px;margin-left:-14px;margin-top:-12px;background:url(/assets/chest_icon.png) no-repeat 0 0;background-size:56px 24px;image-rendering:pixelated;will-change:transform}.meter .chest>i{position:absolute;left:2px;right:2px;bottom:-5px;height:3px;background:#ffd45a;width:0;box-shadow:0 0 0 1px #17303a}.meter .chest.taken{background-position:-28px 0;transition:opacity .3s;opacity:0}.meter .vprogress{width:10px;flex:0 0 10px;position:relative;background:#16263a;border:2px solid #0f2238;border-radius:3px;overflow:hidden}.meter .vprogress>i{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#ffd45a,#e0a020);will-change:height}.meter.won .vprogress>i{background:#8ede84}.meter.lost .vprogress>i{background:#e2566b}@media(prefers-reduced-motion:reduce){.meter .track,.meter .fish-icon{animation:none}}@media(max-height:640px){.meter{width:76px;height:min(300px,calc(100% - 24px))}}.rarity-sign{position:absolute;left:10px;bottom:10px;color:#fff;font-family:var(--font-pixel);font-size:8px;padding:6px 10px;border-radius:8px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.charge{height:8px;margin:0 12px;background:#17303abf;border:2px solid var(--panel);border-radius:5px;overflow:hidden}.charge>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8ede84,#ffd45a,#ff8a4c)}.status-line{display:flex;justify-content:center;align-items:center;gap:8px}.status-link{color:var(--panel);font-size:12px;padding:0}.hold-btn.phase-bite,.hold-btn.phase-hooking{background:#ff8a4c;box-shadow:0 6px #a74d1e;animation:pulse .5s ease-in-out infinite alternate}.hold-btn.phase-ready,.hold-btn.phase-charging,.hold-btn.phase-retry{background:var(--water);color:#fff;box-shadow:0 6px #1f6b68}.hold-btn.phase-charging{transform:translateY(4px);box-shadow:0 2px #1f6b68}@keyframes pulse{0%{filter:brightness(1)}to{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){.hold-btn.phase-bite{animation:none}}.result{padding:8px;justify-content:center}.result-scroll{width:100%;max-height:100%;overflow-y:auto;display:flex;justify-content:center}.result .card{margin:auto 0}.chest-row{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel-2);border-radius:8px;padding:6px 8px;font-size:13px}.chest-row.got{background:#fff1bf}.tag.album{background:#2f8c8a;color:#fff}.zone-panel .zone-preview{width:22px;height:64px;background:#1c3f6e;border:2px solid #0f2238;border-radius:3px;position:relative;overflow:hidden}.zone-panel .zone-preview>i{position:absolute;left:2px;right:2px;bottom:30%;background:#8ede84e6;border-radius:2px}.night-panel{background:#1c2a52;color:#dfe8ff}.album{display:grid;grid-template-columns:54px repeat(6,1fr);gap:4px}.album-row{display:contents}.album-head{font-family:var(--font-pixel);font-size:6px;text-align:center;line-height:1.4;align-self:end;padding-bottom:2px}.album-species{font-family:var(--font-pixel);font-size:7px;align-self:center}.album-cell{aspect-ratio:1;background:var(--panel-2);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border:2px solid transparent}.album-cell.open{border-color:var(--rarity);background:#fff6dc}.album-cell .silhouette{filter:brightness(0) opacity(.28)}.album-cell canvas{max-width:100%;height:auto}.album-count{position:absolute;right:2px;bottom:1px;font-size:9px;font-weight:700;color:var(--ink-2)}.scene-wrap.tank{flex:0 0 auto;height:auto;aspect-ratio:240 / 260;max-height:64%;width:100%;min-height:160px;background:#10242c}.decor-picker{display:flex;gap:8px;flex-wrap:wrap}.decor-slot{flex:1 1 90px;background:var(--panel-2);border-radius:8px;padding:6px;text-align:center;font-size:12px}.decor-slot img{height:32px;width:auto}.decor-choice{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent;border-radius:8px;padding:6px;background:var(--panel-2);cursor:pointer;font-size:11px}.decor-choice[aria-pressed=true]{border-color:var(--ink);background:#fff6dc}.decor-choice img{height:36px;width:auto}