:root{font-family:ui-rounded,"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;color:#f7f1df;background:#0d1814;touch-action:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0d1814}button{font:inherit}#app{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:#172a22}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.place{display:flex;flex-direction:column;text-shadow:0 2px 8px #0008}.place span{font-size:20px;font-weight:800;letter-spacing:.08em}.place small{margin-top:3px;font-size:11px;opacity:.75}.iconBtn{pointer-events:auto;border:1px solid #fff4;background:#10231ecc;color:#fff;border-radius:99px;height:42px;min-width:42px;padding:0 13px;font-weight:800;backdrop-filter:blur(8px)}.hint{position:absolute;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));transform:translateX(-50%);padding:10px 15px;border-radius:99px;background:#0b1512cc;border:1px solid #ffffff25;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 8px 30px #0005;transition:.25s}.hint.fade{opacity:.25}.toast{position:absolute;top:88px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:10px;background:#0d1814dc;border:1px solid #ffffff1f;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0005;white-space:nowrap}.hidden{display:none!important}.fightHud{position:absolute;left:18px;right:18px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));padding:14px;border-radius:18px;background:#0c1714e8;border:1px solid #ffffff26;box-shadow:0 12px 34px #0008}.fishRow{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:8px}.meter{position:relative;height:12px;border-radius:99px;background:#f1ddc121;overflow:hidden}.meter i{position:absolute;inset:0 auto 0 0;width:30%;border-radius:inherit;background:linear-gradient(90deg,#b8d8a6,#f6d588,#ff8677);transition:width .08s linear}.meter b{position:absolute;top:0;bottom:0;left:72%;width:2px;background:#fff8;box-shadow:0 0 8px #fff}.fightHelp{text-align:center;margin-top:9px;font-size:11px;opacity:.7}.panel{position:absolute;inset:0;background:linear-gradient(#12241e,#0b1512);z-index:5;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));overflow:auto}.panelHead{display:flex;align-items:center;justify-content:space-between}.panelHead small,.ending small{font-size:10px;letter-spacing:.24em;color:#9eb8a9}.panelHead h2{margin:3px 0 0;font-size:28px}.sub{color:#adc0b5;font-size:12px;margin:12px 0 20px}.memoryMap{display:flex;flex-direction:column-reverse;gap:8px;padding:10px 0 40px}.memoryZone{border-left:2px solid #6e9482;padding:8px 0 8px 18px;position:relative}.memoryZone:before{content:"";position:absolute;left:-5px;top:18px;width:8px;height:8px;border-radius:50%;background:#d8e7dc}.memoryZone h3{font-size:12px;margin:0 0 8px;color:#9eb8a9}.fishChip{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:14px;padding:9px 10px;margin:6px 0}.fishChip .miniFish{font-size:24px}.fishChip b{font-size:13px}.fishChip small{display:block;color:#98aa9f;font-size:10px;margin-top:2px}.fishChip.unknown{opacity:.35;border-style:dashed}.catchCard{position:absolute;z-index:6;left:18px;right:18px;top:50%;transform:translateY(-50%);padding:18px;border-radius:26px;background:linear-gradient(180deg,#efe6cf,#d7caa8);color:#17231e;box-shadow:0 25px 70px #000b;text-align:center}.catchCard canvas{width:100%;height:150px;border-radius:18px;background:linear-gradient(#9fc8c2,#6aa6a0);display:block}.newTag{position:absolute;left:28px;top:28px;background:#f1cf69;color:#342e18;font-size:10px;font-weight:900;padding:5px 8px;border-radius:99px;letter-spacing:.12em}.catchCard h2{font-size:28px;margin:12px 0 5px}.catchMeta{display:flex;justify-content:center;gap:8px}.catchMeta span{font-size:11px;background:#17231e14;border-radius:99px;padding:5px 8px}.catchCard p{font-size:12px;color:#39463f;min-height:34px}.catchCard button,.ending button{border:0;border-radius:99px;background:#172a22;color:#fff;padding:13px 22px;font-weight:800;width:100%}.ending{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 25%,#36564a,#0b1512 62%)}.ending h1{font-size:48px;margin:8px 0 8px}.ending p{max-width:280px;color:#bac8c0;font-size:13px;line-height:1.8;margin:0 0 28px}@media(min-width:700px){#app{width:430px;height:860px;min-height:0;margin:calc((100vh - 860px)/2) auto;border-radius:30px;box-shadow:0 40px 120px #000b}body{background:#07100d}}