@font-face{font-family:Harbor;src:url('./assets/vt323.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#172f3f;--paper:#fff0c9;--gold:#ffc55c;--teal:#287d83;--muted:#54717a;--coral:#d96752}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#102e3b}body{display:grid;place-items:center;font-family:Harbor,monospace;color:var(--ink);background-image:linear-gradient(90deg,#14364344 2px,transparent 2px),linear-gradient(#14364344 2px,transparent 2px);background-size:24px 24px;min-height:100svh;font-size:22px;overscroll-behavior:none}
button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px dashed #fff7dc;outline-offset:4px}button:disabled{cursor:not-allowed}button img,img.pixel{image-rendering:pixelated;object-fit:contain}button{user-select:none}button:active:not(:disabled){translate:0 2px}button[hidden],[hidden]{display:none!important}
.game{position:relative;isolation:isolate;overflow:hidden;width:min(100vw,440px);height:100svh;min-height:640px;max-height:900px;background:#68cbd3;box-shadow:0 0 0 4px #071f2d,0 0 0 8px #31505a,16px 16px 0 #071f2d55}
#world{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:-2}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ffffff22;pointer-events:none;z-index:10}
.hud{position:absolute;top:calc(22px + env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand .eyebrow{font-size:14px;letter-spacing:1.2px;color:#28526a}.brand h1{font-size:46px;letter-spacing:1px;font-weight:400;line-height:.9;margin:4px 0 0;color:#153f53;text-shadow:2px 2px #cff2d7}.brand-dot{font-size:25px;vertical-align:top;padding:3px 0 0 5px;color:#f4b747;text-shadow:2px 2px #fff0b4}.wallet{display:flex;align-items:center;gap:6px}.currency{height:37px;min-width:66px;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:5px;border:3px solid var(--ink);box-shadow:0 3px #172f3f;font-size:24px;padding:0 7px}.currency img{width:22px;height:22px;image-rendering:pixelated}.gems{background:#def3e8;min-width:52px}
.top-tools{position:absolute;top:calc(104px + env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.icon-button{width:34px;height:34px;background:#e9f5dca8;border:2px solid #3c77826b;position:relative}.icon-button img{height:23px;width:23px}.icon-button span{position:absolute;bottom:0;right:2px;font-size:18px;line-height:14px;color:#b54e41}.quest-button{background:#eff7ddb8;border:2px solid #3c778270;height:34px;font-size:19px;padding:2px 8px;display:flex;gap:6px;align-items:center}.quest-button img{width:18px;height:18px}.badge{background:#ea7953;color:#fff5c8;width:17px;height:17px;line-height:17px;text-align:center;margin-left:3px}
.place-sign{position:absolute;top:23%;left:24px;text-shadow:2px 2px #f3f4d777;pointer-events:none}.sign-kicker{font-size:15px;letter-spacing:2px;color:#367078}.place-sign h2{font-size:42px;font-weight:400;margin:0;line-height:1.05;color:#215461}.sign-sub{font-size:19px;color:#327784}.floating-note{position:absolute;top:61%;left:50%;transform:translateX(-50%);background:#143d4fba;color:#e7f4d0;border:2px solid #61c8c580;box-shadow:0 3px #0d4e60;white-space:nowrap;font-size:18px;padding:7px 12px;pointer-events:none}.dot{width:6px;height:6px;background:#c9e397;display:inline-block;margin-right:6px;animation:blink 2s steps(2) infinite}
.home-panel{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:20px;right:20px}.inventory-strip{background:#15394ced;color:#e6ebd1;border:2px solid #7196a1;width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-size:18px;box-shadow:0 3px #102c3c;margin-bottom:13px}.inventory-strip span{display:flex;align-items:center;gap:7px}.inventory-strip img{width:23px;height:23px}.inventory-strip b{font-weight:400;color:#ffdd84}.inventory-strip i{font-style:normal;color:#f9d992;font-size:25px}.main-actions{display:grid;grid-template-columns:1fr 1fr 1.14fr;gap:8px}.action-button{border:3px solid #153344;background:#fff0c9;box-shadow:inset 0 -5px #ddba83,0 5px #112e40;padding:10px 3px 12px;min-height:104px;display:flex;align-items:center;flex-direction:column;justify-content:center}.action-button img{height:29px;width:36px;margin-bottom:6px}.action-button span{font-size:24px;white-space:nowrap}.action-button small{font-size:14px;color:#577271;margin-top:1px;white-space:nowrap}.action-button.primary{background:#ffc95b;box-shadow:inset 0 -5px #d98b3e,0 5px #112e40}.action-button:hover{filter:brightness(1.07)}.bottom-line{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#c0e2d7;font-size:14px;letter-spacing:.3px}.bottom-line button{background:transparent;padding:0;color:#fff0b7;font-size:16px}.bottom-line button span{color:#9adad1;margin-left:4px}
.back-button{position:absolute;left:20px;top:158px;background:#193d4dca;color:#ffedb2;padding:4px 10px;border:2px solid #8abcb0;font-size:20px}.depth-tag{position:absolute;right:20px;top:158px;color:#f2f5d9;background:#193d4dca;border:2px solid #8abcb0;padding:4px 10px;font-size:20px}
.fishing-panel{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:20px;right:20px}.fishing-status{display:flex;justify-content:space-between;color:#fff0c9;text-shadow:2px 2px #123248;align-items:center;min-height:34px;font-size:22px;margin-bottom:9px}.mini-bag{color:#fcd177;background:#143448bb;padding:3px 8px;border:2px solid #619995;font-size:18px}.depth-options{display:flex;gap:7px;margin-bottom:10px}.depth-options button{flex:1;background:#1b4859;color:#b0d7cd;border:2px solid #568d97;font-size:19px;padding:8px 4px}.depth-options button.active{background:#ecdfaf;color:#244755;border-color:#ffefbf;box-shadow:0 3px #3b6d75}.depth-options button:disabled{opacity:.5}.fish-controls{display:flex;gap:9px}.cast-button{flex:1;background:#ffc95b;border:3px solid #1e3342;box-shadow:inset 0 -5px #d68b3c,0 4px #132d3b;min-height:62px;font-size:31px;touch-action:none;user-select:none}.cast-button span{font-size:23px;margin-left:15px}.cast-button:disabled{background:#cfbd91;box-shadow:inset 0 -4px #a7936f,0 4px #132d3b;color:#61716c}.cast-button.holding{background:#e59b47;box-shadow:inset 0 4px #af7038}.auto-button{width:68px;background:#173d4d;color:#c9e7d4;border:3px solid #619995;box-shadow:0 4px #132d3b;font-size:23px;display:flex;flex-direction:column;justify-content:center;align-items:center}.auto-button small{font-size:15px;color:#80b8b5}.auto-button.on{border-color:#ffd774;color:#ffe497}.auto-button.on small{color:#ffe497}.fishing-footnote{font-size:16px;color:#a9d5cf;text-align:center;margin-top:13px;min-height:17px}
.fishing-meter{padding:12px;background:#153647eb;border:2px solid #5d9095;margin-bottom:12px}.meter-title{display:flex;justify-content:space-between;color:#c8ded0;font-size:17px;margin-bottom:7px}.meter-track{height:14px;background:#0c2737;position:relative;border:2px solid #56878a}.meter-track>div{height:100%;background:#81d5ac;width:24%;position:relative;z-index:1}.danger-zone{position:absolute;right:0;top:0;bottom:0;width:22%;background:#833c45}.pull-progress{height:5px;background:#0b2736;margin-top:8px}.pull-progress>div{height:100%;background:#ffd574;width:0}.meter-help{text-align:center;color:#9abbba;font-size:16px;margin-top:6px}
.toast{position:absolute;left:50%;transform:translateX(-50%);top:155px;max-width:calc(100% - 34px);width:max-content;padding:10px 15px;background:#fff0ca;color:#28494d;border:3px solid #1c3442;box-shadow:0 5px #122d3c;font-size:21px;z-index:40;opacity:0;pointer-events:none;transition:opacity .1s}.toast.visible{opacity:1}
.modal-wrap{position:absolute;inset:0;background:#071f30ad;z-index:30;display:flex;align-items:center;justify-content:center;padding:25px 20px;backdrop-filter:none}.modal{background:#f7e7bd;border:4px solid #1b3442;box-shadow:inset 0 0 0 3px #fff4d3,0 8px #112b3b;position:relative;width:100%;max-height:94%;overflow-y:auto;padding:24px 17px 17px;scrollbar-width:thin;scrollbar-color:#538187 #e1d1a4;animation:pop .15s steps(3)}.close-button{position:absolute;right:9px;top:8px;width:29px;height:29px;line-height:22px;background:#dbc796;border:2px solid #876e52;color:#543e32;font-size:29px;z-index:2}.modal-kicker{font-size:15px;letter-spacing:2px;color:#8b8061;margin:0 0 3px}.modal h2{font-size:34px;font-weight:400;margin:0 0 5px;line-height:1}.modal-description{color:#6a775f;font-size:19px;margin:6px 0 16px;line-height:1.1}.modal-footer{font-size:16px;color:#78816a;margin-top:12px;text-align:center;line-height:1.2}.pixel-btn{background:#efb95a;border:3px solid #243c43;box-shadow:inset 0 -4px #cb8b41,0 3px #243c43;min-height:43px;font-size:23px;padding:6px 12px}.pixel-btn.wide{width:100%;margin-top:13px}.pixel-btn:disabled{background:#dbceb0;border-color:#9a9c80;color:#969c85;box-shadow:inset 0 -4px #c1b494,0 3px #9a9c80}.pixel-btn.secondary{background:#d4e2c1;box-shadow:inset 0 -4px #9ab697,0 3px #243c43}.empty{padding:25px 5px;text-align:center;color:#79836b}.empty img{height:60px;width:60px;image-rendering:pixelated;opacity:.6;margin-bottom:10px}.empty p{margin:5px}.tabs{display:flex;gap:6px;margin:16px 0}.tabs button{flex:1;border:2px solid #83967d;padding:5px;background:#e0dab5;font-size:21px}.tabs button.active{background:#276875;color:#fff0c2;border-color:#194b5b}
.fish-row{display:flex;align-items:center;gap:11px;border-bottom:2px dashed #c8ba92;padding:10px 0}.fish-row img{width:57px;height:38px;image-rendering:pixelated;object-fit:contain}.row-main{flex:1}.row-main strong{display:block;font-weight:400;font-size:23px;line-height:1}.row-main small{font-size:17px;color:#78836c}.fish-value{color:#a56a28;white-space:nowrap}.total{display:flex;justify-content:space-between;margin-top:15px;font-size:25px;color:#324d4b}.total strong{font-weight:400;color:#99652c}.upgrade-card{background:#ebe0b9;border:2px solid #c2b48d;padding:13px;margin-top:12px}.upgrade-card .upgrade-title{display:flex;align-items:center;gap:12px}.upgrade-card img{width:48px;height:45px;image-rendering:pixelated;object-fit:contain}.upgrade-card h3{margin:0;font-size:26px;font-weight:400}.upgrade-card small{font-size:17px;color:#73816b}.upgrade-card p{font-size:20px;color:#63785f;margin:10px 0}.upgrade-card .pixel-btn{width:100%;font-size:21px}.stat-change{background:#d8d7ae;padding:7px 8px;font-size:18px;color:#356862;margin-bottom:9px}.gem-note{font-size:16px;margin:12px 0 0;color:#74846e}.quest-row{display:flex;gap:10px;background:#ece2be;border:2px solid #cec29b;padding:10px;margin:10px 0;align-items:center}.quest-symbol{background:#245866;color:#f1e6af;border:2px solid #19444f;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}.quest-row .row-main strong{font-size:23px}.quest-progress{height:4px;background:#c8c6a0;margin-top:6px}.quest-progress div{height:100%;background:#438979}.quest-reward{font-size:18px;white-space:nowrap;color:#3e827d}.quest-row button{font-size:18px;background:#f4c86b;border:2px solid #876e40;padding:5px}.quest-row.done{opacity:.65}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.collection-cell{border:2px solid #ccbf92;background:#e4dfb5;text-align:center;padding:12px 3px 9px}.collection-cell img{width:90px;height:57px;object-fit:contain;image-rendering:pixelated}.collection-cell.locked img{filter:brightness(0);opacity:.14}.collection-cell strong{font-weight:400;display:block;font-size:22px}.collection-cell small{font-size:16px;color:#70866f}.collection-cell .rarity{font-size:15px}
.location-card{width:100%;background:#e1dfb6;border:2px solid #99ad8f;padding:12px;margin:12px 0;text-align:left;display:flex;gap:13px;align-items:center}.location-card img{width:66px;height:48px;image-rendering:pixelated;object-fit:contain}.location-card b{font-size:26px;font-weight:400;display:block}.location-card small{font-size:18px;color:#6f8168;display:block}.location-card em{font-style:normal;font-size:16px;color:#a66c39}.location-card:disabled{opacity:.55}.catch-modal{text-align:center;padding-top:9px}.catch-modal .modal-kicker{color:#718d70}.rarity{letter-spacing:1px;color:#438a78}.rarity.rare{color:#258ea0}.rarity.epic{color:#926294}.rarity.secret{color:#b4782b}.catch-stage{height:160px;position:relative;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(0deg,#e7deac 0 12px,#e9e3b9 12px 24px);border:2px solid #cabe95;margin:15px 0}.catch-stage:before,.catch-stage:after{content:'✦';position:absolute;font-size:42px;color:#d7a644;top:15%;left:13%;animation:twinkle 1.5s steps(2) infinite}.catch-stage:after{top:55%;left:78%;animation-delay:.4s;font-size:27px}.catch-stage img{width:180px;height:120px;object-fit:contain;image-rendering:pixelated;animation:fishfloat 2s steps(8) infinite}.catch-modal h2{font-size:39px;margin:0}.new-label{display:inline-block;font-size:16px;background:#d16949;color:#fff0c7;padding:2px 7px;margin-bottom:9px}.catch-stats{display:flex;justify-content:center;gap:25px;font-size:23px;margin:12px 0}.catch-stats span{color:#657c6b}.catch-stats b{color:#374f46;font-weight:400}.catch-stats small{display:block;font-size:15px;letter-spacing:1px;color:#8a896a;margin-bottom:3px}.catch-note{font-size:18px;color:#7b876c;margin:8px 0}.tip-card{padding:12px;background:#e3dfb5;border:2px solid #c5ba92;font-size:20px;color:#577768;line-height:1.2}
@keyframes fishfloat{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}@keyframes blink{50%{opacity:.3}}@keyframes pop{from{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:650px){body{padding:20px}.game{height:calc(100svh - 40px);min-height:680px;max-height:870px;width:420px}.hud{left:23px;right:23px}}
@media(max-height:710px){.game{min-height:580px}.hud{top:15px}.top-tools{top:90px}.place-sign{top:23%}.home-panel,.fishing-panel{bottom:14px;left:16px;right:16px}.action-button{min-height:88px;padding:7px 2px 10px}.action-button img{height:24px;margin-bottom:4px}.action-button span{font-size:22px}.bottom-line{margin-top:14px}.floating-note{top:59%;font-size:17px}.inventory-strip{margin-bottom:10px;height:38px}.brand h1{font-size:40px}.brand .eyebrow{font-size:12px}.fishing-footnote{font-size:14px}.fishing-status{font-size:20px}.back-button,.depth-tag{top:137px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.toast{transition:none}}