:root{--teal:#0f3b3a;--teal-2:#17524f;--mustard:#f2b33d;--cream:#f6efe0;--ink:#1d1d1b;--bad:#d9534f;--good:#3c9d5d;--font:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--teal);height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}#hud{top:calc(12px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 200px);display:flex;position:fixed;left:12px}.chip{color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f3b3ad1;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.chip.quest{color:var(--teal);background:#f6efe0eb;border-radius:12px;font-size:13px;font-weight:600;line-height:1.3}.chip.quest:empty{display:none}#topbtns{top:calc(12px + env(safe-area-inset-top));gap:6px;display:flex;position:fixed;right:12px}#topbtns button{color:var(--cream);background:#0f3b3ad1;border:0;border-radius:12px;flex-direction:column;align-items:center;min-width:52px;padding:6px 10px;font-size:20px;display:flex}#topbtns button span{font-size:11px;font-weight:700}#prompt{background:var(--cream);color:var(--teal);white-space:nowrap;pointer-events:none;border-radius:12px;padding:8px 14px;font-weight:700;position:fixed;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}#prompt kbd,.help kbd{background:var(--teal);color:var(--cream);border-radius:6px;margin-right:6px;padding:1px 7px;font-family:inherit}#warn{top:calc(12px + env(safe-area-inset-top));color:#ffe9a3;pointer-events:none;background:#1b1b2e;border:2px solid #ffe9a3;border-radius:12px;padding:6px 14px;font-weight:800;animation:1.2s infinite pulse;position:fixed;left:50%;transform:translate(-50%)}@keyframes pulse{50%{box-shadow:0 0 22px #ffe9a399}}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%)}.toast{color:var(--cream);text-align:center;background:#0f3b3aeb;border-radius:12px;padding:8px 14px;font-weight:600;animation:3.6s forwards toast}.toast.bad{background:#8c2822f0}.toast.good{background:#246e3ef0}@keyframes toast{0%{opacity:0;transform:translateY(8px)}8%,80%{opacity:1;transform:none}to{opacity:0}}#fishhud{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));width:min(92vw,420px);color:var(--cream);text-align:center;pointer-events:none;background:#0f3b3ae6;border-radius:16px;padding:10px 14px;position:fixed;transform:translate(-50%)}#fishhud .label{margin-bottom:6px;font-size:17px;font-weight:800}#fishhud .bar{background:#ffffff26;border-radius:999px;height:16px;position:relative;overflow:hidden}#fishhud .fill{background:var(--mustard);border-radius:999px;width:0;height:100%}#fishhud .zone{background:#d9534f73;position:absolute;inset:0 0 0 85%}#fishhud .meta{opacity:.85;margin-top:6px;font-size:13px}#fishhud.bite .label{color:var(--mustard);animation:.15s infinite shake}@keyframes shake{50%{transform:translate(3px)}}#touch #joy{left:calc(18px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));touch-action:none;background:#f6efe02e;border:2px solid #f6efe073;border-radius:50%;width:130px;height:130px;position:fixed}#knob{background:#f6efe0d9;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#tbtns{right:calc(18px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));align-items:flex-end;gap:14px;display:flex;position:fixed}#tbtns button{width:70px;height:70px;color:var(--teal);touch-action:none;background:#f6efe0e0;border:0;border-radius:50%;font-size:26px;font-weight:800}#tbtns #btn-u{background:var(--mustard);width:92px;height:92px;color:var(--ink)}.touch #fishhud{bottom:calc(160px + env(safe-area-inset-bottom))}.touch #prompt{bottom:calc(170px + env(safe-area-inset-bottom))}#modal{z-index:10;background:#0819188c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{background:var(--cream);-webkit-user-select:text;user-select:text;border-radius:20px;width:min(100%,560px);max-height:calc(100vh - 32px);padding:20px;overflow-y:auto;box-shadow:0 20px 60px #00000059}.card h2{color:var(--teal);margin:0 0 4px;font-size:24px;font-weight:800}.card h3{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px;font-size:15px}.card p{margin:6px 0;line-height:1.45}.card .muted{opacity:.65;font-size:14px}.npc-name{color:#b8561e;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:800}.btns{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{background:var(--teal);color:var(--cream);border:0;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:700}.btn.alt{color:var(--teal);background:#e3dac6}.btn.gold{background:var(--mustard);color:var(--ink)}.btn:disabled{opacity:.4;cursor:default}.tabs{gap:6px;margin:10px 0 4px;display:flex}.tabs button{color:var(--teal);background:#e3dac6;border:0;border-radius:10px;flex:1;padding:8px;font-weight:700}.tabs button.on{background:var(--teal);color:var(--cream)}.items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.item{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;line-height:1.2;display:flex}.item .ic{font-size:22px}.item small{opacity:.6;font-size:12px;display:block}.row{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:14px;display:flex}.row.on{outline:3px solid var(--mustard)}.choices{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.choices button{color:var(--teal);background:#fff;border:2px solid #d5ccb6;border-radius:10px;padding:6px 10px;font-weight:600}.choices button.on{border-color:var(--teal);background:var(--teal);color:var(--cream)}.catch-canvas{background:linear-gradient(#e7f1ea,#cfe3dc);border-radius:14px;width:100%}.big{color:var(--teal);font-size:30px;font-weight:800}.photo-preview{border-radius:14px;width:100%;max-width:300px;margin:8px auto;display:block;box-shadow:0 8px 24px #00000040}.help td{vertical-align:top;padding:4px 8px 4px 0;font-size:14px}#mapcv{background:#7fae4f;border-radius:14px;width:100%}#start{z-index:20;background:radial-gradient(at 50% 30%,#17524fbf,#081918f2);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.start-card{text-align:center;width:min(100%,460px);color:var(--cream)}.logo{letter-spacing:-.02em;color:var(--mustard);text-shadow:0 4px #8a5a12;font-size:clamp(40px,10.5vw,72px);font-weight:800;line-height:1}.tagline{opacity:.85;margin:8px 0 22px;font-style:italic}#start input{width:100%;font:inherit;-webkit-user-select:text;user-select:text;border:0;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:17px}#start .choices{justify-content:center}#start .choices button{color:var(--cream);background:#ffffff14;border-color:#f6efe059}#start .choices button.on{background:var(--mustard);color:var(--ink);border-color:var(--mustard)}#start .lbl{text-align:left;text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin:12px 0 4px;font-size:13px}#start .desc{opacity:.8;min-height:2.6em;font-size:13px}#start .btn{width:100%;margin-top:14px;padding:14px;font-size:18px}@media (width<=520px){#topbtns button span{display:none}#topbtns button{min-width:42px;padding:8px}.chip{font-size:12px}}#rotate{z-index:50;background:var(--teal);color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:18px;display:none;position:fixed;inset:0}#rotate .phone{font-size:72px;animation:2s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}@media (height<=480px){.card{max-height:calc(100vh - 16px);padding:14px}#start{align-items:flex-start;overflow-y:auto}.logo{font-size:40px}.tagline{margin-bottom:10px}#touch #joy{width:110px;height:110px}#tbtns button{width:60px;height:60px}#tbtns #btn-u{width:78px;height:78px}.touch #fishhud{bottom:calc(14px + env(safe-area-inset-bottom));width:min(46vw,360px)}.touch #prompt{bottom:calc(8px + env(safe-area-inset-bottom));white-space:normal;text-align:center;max-width:calc(100vw - 360px);padding:6px 12px;font-size:14px}#hud{max-width:38vw;top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));gap:4px}.chip{padding:4px 9px;font-size:11px}.chip.quest{font-size:11px}#topbtns{top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right))}#topbtns button{min-width:38px;padding:6px;font-size:17px}#topbtns button span{display:none}#warn{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));padding:4px 10px;font-size:12px}.touch #warn{bottom:calc(118px + env(safe-area-inset-bottom))}#toasts{width:min(56vw,420px);top:16%}.toast{padding:5px 10px;font-size:12px}}.skinrow{align-items:center;gap:10px;display:flex}.swatch{border:2px solid #fff;border-radius:10px;flex:none;width:36px;height:36px;box-shadow:0 1px 4px #00000040}.rar{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.buy{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.lock{opacity:.6;font-size:18px}.handle{text-transform:none;letter-spacing:0;opacity:.7;font-weight:600}@media (width<=760px) and (height>=481px){#warn{top:calc(64px + env(safe-area-inset-top));white-space:nowrap;font-size:13px}}.chip.moon:empty{display:none}.chip.moon.hot{color:var(--ink);background:#f2b33df2}#solcv{background:#fff;border-radius:12px;width:100%}.fishrate{white-space:nowrap;font-size:15px}.fishrate .dim{opacity:.2;filter:grayscale()}#prompt .zone{color:#2f6b5a;margin-left:8px;font-size:13px;font-weight:600}#topbtns button.off{opacity:.5;filter:grayscale()}.infotext ul.info,.infotext ol.info{text-align:left;margin:6px 0 10px;padding-left:20px}.infotext li{margin:4px 0}.infotext p{text-align:left}.infotext .ingame{background:#0f3b3a14;border-radius:10px;padding:8px 10px}.infotext .species{text-align:left;border-bottom:1px solid #0f3b3a1f;padding:6px 0}#fsgate{z-index:49;background:var(--teal);color:var(--cream);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;inset:0}#fsgate.hidden{display:none}#fsgate .phone{font-size:56px;animation:1.4s ease-in-out infinite tap}@keyframes tap{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}#update{top:calc(8px + env(safe-area-inset-top));z-index:60;background:var(--gold,#f2b33d);color:var(--teal);font:inherit;border:0;border-radius:12px;padding:10px 16px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.mapwrap{width:min(100%,62vh);margin:0 auto;position:relative}#mapcv{touch-action:none;cursor:crosshair}.mapbtns{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.mapbtns button{width:40px;height:40px;color:var(--teal);font:inherit;background:#f6efe0eb;border:0;border-radius:10px;font-size:22px;font-weight:800;box-shadow:0 2px 8px #0003}#waypoint{top:calc(10px + env(safe-area-inset-top));color:var(--cream);pointer-events:none;z-index:5;background:#0f3b3ad9;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-weight:800;display:flex;position:fixed;left:50%;transform:translate(-50%)}#waypoint.hidden{display:none}#wp-arrow{background:#e63c2f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:transform .1s linear;display:grid}