:root{--ink:#1d2b3a;--paper:#fff7e6;--paper-soft:#fff7e6e6;--good:#3f9a5b;--bad:#c4453b;--accent:#ffd36b}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#bfe3f5;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;overflow:hidden}.hud{pointer-events:none;position:fixed;inset:0}.panel{background:var(--paper-soft);border-radius:16px;padding:8px 14px;position:absolute;box-shadow:0 2px #1d2b3a2e}.muted{opacity:.65}.small{font-size:12px}.score{top:14px;left:14px}.panel-title{letter-spacing:.02em;margin-bottom:4px;font-weight:800}.stats{flex-wrap:wrap;gap:4px 12px;max-width:280px;font-size:13px;display:flex}.parcel{background:var(--accent);align-items:center;gap:12px;display:flex;top:14px;left:50%;transform:translate(-50%)}.parcel-title{font-weight:800}.arrow{width:40px;height:40px;fill:var(--ink);transition:transform 80ms linear}.radar{position:absolute;top:10px;right:10px}.radar-bg{fill:#fff7e6c7;stroke:var(--ink);stroke-width:2px}.radar-ring{fill:none;stroke:#1d2b3a33;stroke-dasharray:3 4}.radar-me{fill:var(--ink)}.dot-house{fill:#c4553b}.dot-post{fill:#2f5fa5}.dot-car{fill:#e8a13c;stroke:var(--ink)}.dot-boat{fill:#4aa3d8;stroke:var(--ink)}.dot-npc{fill:#1d2b3a80}.dot-target{fill:#ffd36b73;stroke:#d99a1e;stroke-width:2px}.toasts{flex-direction:column;align-items:flex-end;gap:6px;max-width:320px;display:flex;position:absolute;top:160px;right:14px}.toast{background:var(--paper);border-left:5px solid var(--ink);border-radius:12px;padding:7px 12px;font-size:14px;font-weight:600;box-shadow:0 2px #1d2b3a2e}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.prompts{gap:8px;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.prompt{background:var(--paper);white-space:nowrap;border-radius:999px;padding:8px 16px;font-weight:700;box-shadow:0 2px #1d2b3a33}.fishing{background:var(--paper);text-align:center;border-radius:18px;min-width:260px;padding:10px 18px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%);box-shadow:0 2px #1d2b3a33}.fishing.bite{background:var(--accent);animation:.12s infinite shake}@keyframes shake{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.fight-bar{background:#1d2b3a26;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.fight-bar>div{background:var(--good);height:100%;transition:width .1s}.dialog{background:var(--paper);border-radius:18px;width:min(520px,100vw - 32px);padding:12px 18px;line-height:1.35;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 3px #1d2b3a38}.dialog-name{margin-bottom:4px;font-weight:800}.speed{font-size:15px;bottom:50px;left:14px}.help{white-space:nowrap;background:#fff7e6b3;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (max-width:760px){.help{display:none}}.hud.loading{place-items:center;font-size:20px;font-weight:800;display:grid}.hud.under:after{content:"";pointer-events:none;background:radial-gradient(#288cbe2e,#0a3c6e80);position:absolute;inset:0}.loading-chip{background:var(--paper);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;bottom:54px;right:16px}.level{margin-top:6px;font-size:12px;font-weight:700}.bar{background:#1d2b3a26;border-radius:999px;height:7px;margin-top:3px;overflow:hidden}.bar.thin{height:4px}.bar>div{background:var(--good);height:100%;transition:width .12s}.combo{margin-top:6px;font-size:13px}.combo b{color:#c4551b}.race{text-align:center;background:var(--paper);min-width:300px;top:14px;left:50%;transform:translate(-50%)}.race.countdown{box-shadow:none;background:0 0;top:24%}.race .count{color:#fff;text-shadow:0 4px #1d2b3a8c;font-size:96px;font-weight:900}.race-top{justify-content:center;gap:14px;font-size:14px;display:flex}.race-times{font-variant-numeric:tabular-nums;justify-content:center;gap:12px;margin-top:4px;font-size:13px;display:flex}.race-arrow{justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.race-arrow svg{width:26px;height:26px;fill:var(--ink)}.results{text-align:left;margin-top:8px;font-size:14px}.results .me{color:#1c7a43;font-weight:800}.breath{background:var(--paper-soft);border-radius:14px;width:220px;padding:6px 12px;font-size:12px;font-weight:800;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.breath.low .bar>div{background:var(--bad)}.modal{background:var(--paper);border-radius:20px;width:min(560px,100vw - 32px);max-height:80vh;padding:16px 18px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 6px #1d2b3a40}.modal-title{justify-content:space-between;margin-bottom:10px;font-size:18px;font-weight:800;display:flex}.items{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.item{background:#fff;border:3px solid;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.item.unknown{opacity:.55}.swatch{border-radius:50%;width:22px;height:22px}.count-badge{margin-left:auto;font-weight:800}.credits{gap:8px;margin-bottom:10px;font-size:14px;display:grid}.toast.loot{border-left-color:#a45be8}.dot-race{fill:#ffd36b;stroke:var(--ink);stroke-width:1.5px}.touch{pointer-events:none;touch-action:none;z-index:5;position:fixed;inset:0}.stick{pointer-events:auto;touch-action:none;background:#fff7e659;border:3px solid #1d2b3a73;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:absolute;bottom:56px;left:22px}.knob{background:#fff7e6e6;border:3px solid #1d2b3a99;border-radius:50%;width:56px;height:56px}.buttons{pointer-events:none;width:230px;height:190px;position:absolute;bottom:50px;right:12px}.b{pointer-events:auto;touch-action:none;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff7e6cc;border:3px solid #1d2b3a8c;border-radius:50%;width:64px;height:64px;font-size:13px;font-weight:800;position:absolute}.b:active{background:var(--accent)}.b-e{width:78px;height:78px;font-size:24px;bottom:0;right:6px}.b-f{bottom:6px;right:90px}.b-space{bottom:88px;right:6px}.b-run{bottom:78px;right:80px}.b-dive{font-size:11px;bottom:14px;right:156px}.b-small{width:52px;height:52px;font-size:11px}.b-horn{bottom:84px;right:152px}.b-inv{bottom:158px;right:6px}.b-map{bottom:158px;right:62px}.b-x{bottom:158px;right:118px}@media (pointer:coarse){.help{display:none}.prompts{flex-wrap:wrap;justify-content:center;width:90vw;bottom:244px}.breath{bottom:230px}}@media (max-width:640px){.score{max-width:calc(100vw - 150px);padding:6px 10px;top:8px;left:8px}.stats{gap:2px 8px;font-size:11px}.panel-title{margin-bottom:2px;font-size:13px}.radar{transform-origin:100% 0;top:4px;right:4px;transform:scale(.62)}.parcel,.race{width:calc(100vw - 16px);min-width:0;font-size:12px;top:96px;transform:translate(-50%)}.race-top,.race-times{flex-wrap:wrap;gap:4px 10px}.toasts{max-width:62vw;top:150px;right:8px}.toast{padding:5px 9px;font-size:12px}.dialog{bottom:215px}.modal{max-height:70vh}.items{grid-template-columns:1fr}}