html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#bfe6f5;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--ink:#2a2433;--card:#fffcf5f2;--accent:#d9643a;--shadow:0 4px 14px #281e3c40;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}#ui button{font:inherit;color:var(--ink);-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.hud-left{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.hud-pill{background:var(--card);color:var(--ink);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:700}.hud-duit{color:#2f7d32}.hud-menu{pointer-events:auto;background:var(--card);width:64px;height:64px;box-shadow:var(--shadow);border:0;border-radius:16px;font-size:26px}.hud-menu.is-inert,.quest-card.is-inert{pointer-events:none}.quest-card{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));border:0;border-left:5px solid var(--accent);background:var(--card);max-width:min(58vw,260px);min-height:56px;box-shadow:var(--shadow);text-align:left;pointer-events:auto;border-radius:14px;padding:8px 12px 10px;position:absolute}.quest-label{letter-spacing:.12em;color:var(--accent);font-size:11px;font-weight:800}.quest-chevron{letter-spacing:0;margin-left:6px;font-size:13px}.quest-title{font-size:15px;font-weight:800;line-height:1.2}.quest-step{margin-top:2px;font-size:13px;line-height:1.3}.modal-overlay{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:auto;background:#1e182873;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-card{background:var(--card);width:100%;max-width:420px;max-height:100%;box-shadow:var(--shadow);color:var(--ink);box-sizing:border-box;border-radius:20px;padding:16px;overflow-y:auto}.modal-card h2{margin:0 0 10px;font-size:20px}.quest-row{text-align:left;background:#fff;border:2px solid #eadfcf;border-radius:14px;width:100%;min-height:64px;margin:0 0 8px;padding:10px 12px;display:block}.quest-row.is-pinned{border-color:var(--accent)}.quest-row.is-done{opacity:.55}.quest-tag{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.modal-close{background:var(--ink);border:0;border-radius:14px;width:100%;min-height:52px;font-size:16px;font-weight:700;color:#fff!important}.interact-btn{right:calc(20px + var(--safe-r));bottom:calc(28px + var(--safe-b));background:var(--accent);width:92px;height:92px;box-shadow:var(--shadow);pointer-events:auto;touch-action:none;border:4px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute}.interact-btn:active{transform:scale(.94)}.interact-icon{font-size:30px;line-height:1}.interact-label{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:80px;font-size:12px;font-weight:800;overflow:hidden}.interact-marker{pointer-events:auto;touch-action:none;background:0 0;border:0;width:48px;height:48px;padding:0;position:absolute;top:0;left:0}.interact-marker-bob{width:44px;height:44px;box-shadow:var(--shadow);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:22px;animation:1s ease-in-out infinite marker-bob;display:flex}@keyframes marker-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dlg-overlay{pointer-events:auto;touch-action:none;position:absolute;inset:0}.dlg-panel{left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(12px + var(--safe-b));background:var(--card);min-height:120px;box-shadow:var(--shadow);color:var(--ink);box-sizing:border-box;border-radius:20px;padding:22px 18px 18px;position:absolute}.dlg-name{color:#fff;border-radius:999px;padding:4px 14px;font-size:15px;font-weight:800;position:absolute;top:-14px;left:16px}.dlg-text{margin:0;font-size:18px;line-height:1.4}.dlg-narrator .dlg-text{color:#5a5066;font-style:italic}.dlg-next{color:var(--accent);font-size:14px;animation:.9s ease-in-out infinite marker-bob;position:absolute;bottom:8px;right:16px}.dlg-choice .dlg-text{margin-bottom:12px}.choice-btn{background:var(--accent);border:0;border-radius:14px;width:100%;min-height:56px;margin-top:8px;font-size:17px;font-weight:800;display:block;color:#fff!important}.toast-stack{top:calc(156px + var(--safe-t));pointer-events:none;z-index:50;flex-direction:column;align-items:center;gap:6px;width:calc(100% - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{color:#fff;max-width:100%;box-shadow:var(--shadow);background:#2a2433e6;border-radius:22px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;line-height:1.25;transition:opacity .4s,transform .4s;animation:.25s ease-out toast-in;display:flex}.toast-out{opacity:0;transform:translateY(-8px)}.toast-icon{flex:none;font-size:20px}.toast-text{overflow-wrap:anywhere;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.speech{color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;background:#fff;border-radius:14px;padding:6px 12px;font-size:15px;font-weight:800;position:absolute;top:0;left:0}.speech:after{content:"";border:7px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-7px;position:absolute;bottom:-7px;left:50%}.mg-overlay{z-index:20;padding:calc(84px + var(--safe-t)) calc(14px + var(--safe-r)) calc(24px + var(--safe-b)) calc(14px + var(--safe-l));box-sizing:border-box;pointer-events:auto;touch-action:none;background:#1e182880;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mg-close{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));background:var(--card);width:64px;height:64px;box-shadow:var(--shadow);touch-action:none;border:3px solid #fff;border-radius:50%;font-size:28px;font-weight:800;line-height:1;position:absolute}.mg-close:active{transform:scale(.94)}.mg-card{box-sizing:border-box;background:var(--card);width:100%;max-width:420px;max-height:100%;box-shadow:var(--shadow);color:var(--ink);text-align:center;border-radius:22px;padding:18px 16px 20px;transition:opacity .2s}.mg-overlay:not(.is-ready) .mg-card{opacity:.65}.mg-title{margin:0 0 4px;font-size:22px}.mg-hint{margin:0 0 14px;font-size:16px;line-height:1.35}.mg-status{color:#2f7d32;min-height:28px;margin-top:12px;font-size:18px;font-weight:800}.mg-count{margin-top:8px;font-size:18px;font-weight:800}.mg-overlay.mg-chase{padding-top:calc(104px + var(--safe-t));padding-right:calc(88px + var(--safe-r));pointer-events:none;background:0 0;align-items:flex-start}.mg-chase .mg-close{pointer-events:auto}.mg-chase .mg-card{pointer-events:none;border-radius:18px;width:auto;padding:10px 16px 12px}.mg-chase .mg-title{margin:0;font-size:20px}.mg-chase .mg-hint{margin:2px 0 0;font-size:14px;line-height:1.3}.mg-chase .mg-status{min-height:0;margin-top:0}.mg-chase .mg-status.is-done{margin-top:6px}.mg-hold-btn{background:conic-gradient(var(--accent) calc(var(--p,0) * 1%), #eadfcf 0);width:220px;height:220px;box-shadow:var(--shadow);touch-action:none;-webkit-touch-callout:none;border:0;border-radius:50%;position:relative}.mg-hold-btn:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:16px}.mg-hold-btn.is-held:before{background:#fff4ea}.mg-hold-btn.is-held{transform:scale(.97)}.mg-hold-label{letter-spacing:.08em;color:var(--accent);font-size:30px;font-weight:800;position:relative}.mg-copier{background:linear-gradient(#5a5f66 0 22%,#dcd6c8 22% 100%);border-radius:18px;height:250px;position:relative;overflow:hidden}.mg-sheet{left:var(--x,50%);top:var(--y,40%);width:84px;height:96px;box-shadow:var(--shadow);transform:translate(-50%, -50%) rotate(var(--r,0deg));touch-action:none;background:#fff;border:2px solid #cfc6b5;border-radius:10px;padding:0;font-size:46px;line-height:1;transition:transform .35s ease-in,opacity .35s;position:absolute}.mg-sheet.is-pulled{transform:translate(-50%, -260%) rotate(calc(var(--r,0deg) * 3)) scale(.8);opacity:0;pointer-events:none}.mg-beats{justify-content:center;gap:12px;margin:8px 0 6px;display:flex}.mg-beat{color:#8a8296;background:#fff;border:4px solid #cfc6b5;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:22px;font-weight:800;display:flex;position:relative}.mg-beat.is-next{border-color:var(--accent);color:var(--accent);animation:mg-pulse var(--beat-ms,.65s) ease-in-out infinite}.mg-beat.is-done{color:#fff;background:#2f9e4a;border-color:#2f9e4a}.mg-ring{border:4px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.mg-beat.is-next .mg-ring{animation:mg-approach var(--beat-ms,.65s) linear var(--delay,0s) both}.mg-feedback{color:#6b6478;min-height:40px;margin-top:8px;font-size:28px;font-weight:800;line-height:40px}.mg-feedback.is-hit{color:#2f9e4a;animation:.3s ease-out mg-pop}.mg-feedback.is-miss{color:#d64545;animation:.3s ease-out mg-shake}.mg-tap{background:var(--accent);width:100%;min-height:130px;box-shadow:var(--shadow);touch-action:none;border:0;border-radius:20px;justify-content:center;align-items:center;margin-top:12px;display:flex}.mg-tap:active{transform:scale(.97)}.mg-tap-label{letter-spacing:.1em;color:#fff;font-size:30px;font-weight:800}@keyframes mg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mg-approach{0%{opacity:.25;transform:scale(2.6)}to{opacity:1;transform:scale(1)}}@keyframes mg-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes mg-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.mg-beat.is-next,.mg-feedback.is-hit,.mg-feedback.is-miss{animation:none}.mg-sheet{transition:none}}.mg-pond{background:repeating-linear-gradient(#ffffff2e 0 2px,#0000 2px 14px),linear-gradient(#bfe6f5 0 24%,#5fb3d6 24% 100%);border-radius:18px;height:104px;margin-bottom:8px;position:relative;overflow:hidden}.mg-bobber{box-sizing:border-box;width:24px;height:24px;box-shadow:var(--shadow);opacity:0;background:linear-gradient(#e0392f 0 50%,#fff 50% 100%);border:2px solid #fff;border-radius:50%;margin-left:-12px;transition:opacity .2s,transform .3s ease-in;position:absolute;top:56%;left:50%;transform:translateY(-50px)scale(.6)}.mg-bobber.is-cast{opacity:1;animation:1.6s ease-in-out .3s infinite mg-bob;transform:none}.mg-bobber.is-bite{animation:.25s ease-in-out infinite mg-dip}.mg-bang{width:44px;height:44px;box-shadow:var(--shadow);color:#d64545;background:#fff;border-radius:50%;margin-left:16px;font-size:30px;font-weight:800;line-height:44px;position:absolute;top:6px;left:50%;transform:scale(0)}.mg-bang.is-bite{animation:.2s ease-out mg-pop;transform:scale(1)}.mg-meter{align-items:center;gap:10px;margin-top:10px;display:flex}.mg-meter-label{text-align:left;flex:0 0 52px;font-size:15px;font-weight:800}.mg-tension{background:#eadfcf;border-radius:14px;flex:1;height:28px;position:relative;overflow:hidden}.mg-tension-fill{width:calc(var(--t,0) * 1%);background:#3a9a58;position:absolute;inset:0 auto 0 0}.mg-tension.is-danger .mg-tension-fill{background:#d64545}.mg-danger{width:calc((100 - var(--danger,80)) * 1%);background:repeating-linear-gradient(45deg,#d645458c 0 8px,#f08a808c 8px 16px);position:absolute;inset:0 0 0 auto}.mg-progress{background:linear-gradient(90deg,#5fb3d6 0 72%,#e9d49a 72% 100%);border-radius:22px;flex:1;height:44px;position:relative;overflow:hidden}.mg-fish-icon{top:0;left:calc((100% - 40px) * var(--p,0) / 100);width:40px;font-size:28px;line-height:44px;transition:left .12s linear;position:absolute;transform:scaleX(-1)}.mg-shore{color:#6b5a2a;font-size:13px;font-weight:800;line-height:44px;position:absolute;top:0;right:12px}.mg-fish-btn{background:var(--accent);width:100%;min-height:112px;box-shadow:var(--shadow);touch-action:none;-webkit-touch-callout:none;border:0;border-radius:20px;justify-content:center;align-items:center;margin-top:12px;display:flex}.mg-fish-btn.is-held{background:#c4552e;transform:scale(.97)}.mg-fish-btn.is-bite{background:#d64545;animation:.3s ease-in-out infinite mg-pulse}.mg-fish-label{letter-spacing:.1em;color:#fff;font-size:30px;font-weight:800}.mg-status.is-miss{color:#d64545}@keyframes mg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes mg-dip{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.mg-bobber.is-cast,.mg-bobber.is-bite,.mg-bang.is-bite,.mg-fish-btn.is-bite{animation:none}.mg-fish-icon{transition:none}}.catch-overlay{z-index:22;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));box-sizing:border-box;pointer-events:auto;touch-action:none;background:#1e182899;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.catch-card{box-sizing:border-box;background:var(--card);width:100%;max-width:380px;max-height:100%;box-shadow:var(--shadow);color:var(--ink);text-align:center;border-radius:22px;padding:14px 14px 16px;animation:.3s ease-out catch-in;overflow-y:auto}.catch-title{margin:0 0 8px;font-size:22px}.catch-photo{aspect-ratio:1;box-sizing:border-box;width:100%;height:auto;box-shadow:var(--shadow);background:#bfe6f5;border:4px solid #fff;border-radius:14px;display:block}.catch-name{margin:12px 0 2px;font-size:26px}.catch-card.is-rare .catch-name{color:#c47a00}.catch-stats{justify-content:center;gap:18px;margin:0 0 12px;font-size:20px;font-weight:800;display:flex}.catch-actions{gap:10px;display:flex}#ui .catch-actions button{border:3px solid var(--accent);border-radius:16px;flex:1;min-height:64px;font-size:20px;font-weight:800}#ui .catch-share{color:var(--accent);background:#fff}#ui .catch-close{background:var(--accent);color:#fff}@keyframes catch-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.catch-card{animation:none}}.menu-entry,.settings-toggle,.settings-action,.settings-choice,.settings-reload{box-sizing:border-box;text-align:left;background:#fff;border:2px solid #eadfcf;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:64px;margin:0 0 8px;padding:10px 16px;font-size:17px;font-weight:800;display:flex}.settings-card .modal-close,.menu-overlay .modal-close{min-height:64px;margin-top:4px}.settings-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:6px 2px;font-size:13px;font-weight:800}.settings-quality{gap:8px;display:flex}.settings-quality .settings-choice{text-align:center;justify-content:center}.settings-value{color:#8a7f96;font-weight:700}.settings-toggle.is-on,.settings-choice.is-on{border-color:var(--accent)}.settings-toggle.is-on .settings-value{color:#2f7d32}.settings-reload{border-color:var(--accent);background:#fff2ea;justify-content:center;color:var(--accent)!important}.settings-action{justify-content:center}.fps-overlay{bottom:calc(4px + var(--safe-b));left:calc(10px + var(--safe-l));color:#fff;white-space:nowrap;pointer-events:none;z-index:40;background:#1e182899;border-radius:999px;padding:1px 8px;font:700 11px/1.5 ui-monospace,Consolas,monospace;position:absolute}.trophy-title{margin-bottom:4px}.trophy-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:10px 2px 6px;font-size:13px;font-weight:800}.trophy-item{box-sizing:border-box;background:#fff;border:2px solid #eadfcf;border-radius:14px;align-items:center;gap:10px;min-height:72px;margin:0 0 8px;padding:8px 8px 8px 10px;display:flex}.trophy-item.is-unlocked{border-color:var(--accent)}.trophy-item.is-locked{background:#f1eef3;border-color:#e2dce8}.trophy-icon{text-align:center;flex:none;width:44px;font-size:32px;line-height:1}.is-locked .trophy-icon{filter:grayscale();opacity:.45}.is-locked .trophy-name,.is-locked .trophy-desc{color:#8a7f96}.trophy-text{flex:1;min-width:0}.trophy-name{font-size:15px;font-weight:800;line-height:1.2}.trophy-desc,.trophy-tier,.trophy-progress{margin-top:2px;font-size:13px;line-height:1.3}.trophy-date{color:#2f7d32;margin-top:2px;font-size:12px;font-weight:700}.trophy-share{background:var(--accent);border:0;border-radius:14px;flex:none;min-width:72px;min-height:64px;padding:0 10px;font-size:15px;font-weight:800;color:#fff!important}.trophy-share:disabled{background:#cfc7d6}.trophy-medal{border:3px solid #2a243340;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:flex}.trophy-bar{background:#e8e1ee;border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.trophy-bar-fill{border-radius:999px;height:100%}.trophy-card .modal-close{min-height:64px;margin-top:4px}#ui .catch-share.is-busy,.trophy-share.is-busy{opacity:.7;cursor:progress}#ui .catch-share:disabled{opacity:.6}.boot-error{padding:calc(24px + var(--safe-t)) calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));pointer-events:auto;background:#bfe6f5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.boot-error p{background:var(--card);max-width:340px;color:var(--ink);text-align:center;box-shadow:var(--shadow);border-radius:18px;margin:0;padding:20px 22px;font-size:18px;font-weight:700;line-height:1.4}.hint-marker{pointer-events:none}.hint-marker .interact-marker-bob{color:var(--ink);background:#ffd84d;font-weight:800}