:root{--ink:#4a3424;--paper:#fff8ea;--paper-2:#ffeccc;--accent:#ff8a5b;--teal:#2bb3a6;--gold:#ffc93c;--good:#3fbf6f;--warn:#ff6b5b;--line:#e2c79c;--shadow:0 4px 0 #4a342438, 0 10px 24px #4a34242e;font-family:Trebuchet MS,Segoe UI Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#a9e6f7;height:100%;margin:0;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block}#ui{pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:15px;position:fixed;inset:0}.hidden{display:none!important}.loading{color:#fff;text-shadow:0 3px #0000002e;background:linear-gradient(#2482da,#a9e6f7);place-items:center;font-size:30px;font-weight:700;display:grid;position:absolute;inset:0}.loading small{text-align:center;opacity:.85;margin-top:8px;font-size:15px;display:block}.panel{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.badge{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:20px;font-weight:700;display:inline-flex}kbd{border:2px solid var(--ink);text-align:center;min-width:28px;color:var(--ink);background:#fff;border-bottom-width:4px;border-radius:8px;margin:0 2px;padding:2px 8px;font:700 14px/1.3 inherit;display:inline-block}kbd.pad{color:#fff;background:#888;border-color:#00000040;border-radius:999px}kbd.pad-A{background:#3fbf6f}kbd.pad-B{background:#ff6b5b}kbd.pad-X{background:#4f8fd6}kbd.pad-Y{background:#f5c451}kbd.pad-RT,kbd.pad-LT{background:#555;border-radius:8px}.hud-top-left{flex-direction:column;gap:10px;width:270px;display:flex;position:absolute;top:14px;left:16px}.hud-top-right{gap:10px;display:flex;position:absolute;top:14px;right:16px}.clock{font-variant-numeric:tabular-nums;font-size:20px}.clock-icon.sun{color:#ffb020;text-shadow:0 0 8px #ffbe3c99}.clock-icon.moon{color:#6f86c8}.coins{font-size:24px}.coins.pop{animation:.35s pop}.coin-icon{color:var(--gold);text-shadow:0 2px #c58f12;font-size:26px}@keyframes pop{50%{transform:scale(1.18)}}.round{background:var(--teal);color:#fff;border-color:#1f8f85;align-self:flex-start;font-size:16px}.requests{padding:8px 10px}.req-title{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:4px;font-size:12px}.req{border-top:1px dashed var(--line);align-items:center;gap:8px;padding:4px 2px;display:flex}.req:first-of-type{border-top:0}.req img{object-fit:contain;width:56px;height:34px}.req div{flex-direction:column;flex:1;line-height:1.15;display:flex}.req b{font-size:14px}.req span{opacity:.85;font-size:13px}.req em{color:#b8860b;font-style:normal;font-weight:700}.req.done{opacity:.5}.req.done em{color:var(--good)}.req.have{background:linear-gradient(90deg,#3fbf6f2e,#0000);border-radius:8px}.cooler-bar{background:var(--paper);box-shadow:var(--shadow);border:3px solid #3fa7e0;border-radius:16px;padding:6px 10px 10px;position:absolute;bottom:16px;left:16px}.cooler-bar.full{border-color:var(--warn)}.cooler-label{text-transform:uppercase;letter-spacing:.06em;color:#2c6e99;margin-bottom:4px;font-size:12px;font-weight:700}.slots{gap:6px;display:flex}.slot{background:#e3f3fc;border:2px dashed #9fd0ee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:74px;height:56px;display:flex}.slot.full{background:#fff;border-style:solid}.slot img{object-fit:contain;width:66px;height:38px}.slot small{opacity:.75;font-size:11px}.prompt{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:17px;font-weight:700;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.help{color:#fff;text-shadow:0 1px 2px #00000080;text-align:right;opacity:.9;max-width:60vw;font-size:12px;position:absolute;bottom:10px;right:14px}.spot-name{background:var(--teal);color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:6px 18px;font-weight:700;position:absolute;top:18px;left:50%;transform:translate(-50%)}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:6px 16px;font-weight:700;transition:opacity .5s,transform .5s;animation:.25s toastIn}.toast.good{border-color:var(--good)}.toast.warn{border-color:var(--warn)}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)scale(.95)}}.power{border:3px solid var(--paper);width:18px;height:130px;box-shadow:var(--shadow);background:#fff9;border-radius:10px;align-items:flex-end;display:flex;position:absolute;top:50%;left:calc(50% + 70px);overflow:hidden;transform:translateY(-50%)}.power-fill{background:linear-gradient(#ff6b5b,#ffc93c,#3fbf6f);border-radius:6px;width:100%}.tension{background:var(--paper);border:3px solid var(--line);width:min(460px,80vw);box-shadow:var(--shadow);border-radius:16px;padding:8px 12px 10px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.tension-label{text-align:center;margin-bottom:4px;font-size:13px;font-weight:700}.tension-bar{background:#e9f6ee;border:2px solid #cfe6d7;border-radius:9px;height:18px;position:relative;overflow:hidden}.tension-danger{background:repeating-linear-gradient(45deg,#ffd0c9,#ffd0c9 6px,#ffb9ae 6px 12px);position:absolute;top:0;bottom:0;right:0}.tension-fill{background:#3fbf6f;border-radius:9px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.tension-fill.hot{background:var(--warn);animation:.15s infinite shake}@keyframes shake{50%{transform:translate(2px)}}.line-bar{background:#dceef9;border-radius:5px;height:10px;margin-top:8px;position:relative}.line-fill{background:#3fa7e0;border-radius:5px;height:100%}.line-fish{font-size:18px;position:absolute;top:-9px}.bite{color:#fff;-webkit-text-stroke:3px var(--warn);text-shadow:0 6px #00000026;font-size:72px;font-weight:900;animation:.4s infinite alternate bite;position:absolute;top:32%;left:50%;transform:translate(-50%)}@keyframes bite{to{transform:translate(-50%)scale(1.25)rotate(6deg)}}.catch-card{background:var(--paper);border:4px solid var(--gold);text-align:center;width:320px;box-shadow:var(--shadow);border-radius:22px;padding:12px 16px 14px;animation:.35s cubic-bezier(.3,1.6,.5,1) cardIn;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes cardIn{0%{opacity:0;transform:translate(-50%)scale(.6)}}.card-head{color:#c58f12;font-size:22px;font-weight:900}.card-head .new{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:13px}.catch-card img{object-fit:contain;width:220px;height:132px}.card-name{font-size:20px;font-weight:700}.card-meta{margin:4px 0;font-weight:700}.card-desc{opacity:.8;font-size:13px}.rarity{color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}.rarity.common{background:#8bbf7a}.rarity.uncommon{background:#4f8fd6}.rarity.rare{background:#b55fd6}.menu{z-index:5;pointer-events:auto;background:linear-gradient(#0000 50%,#4a342440);justify-content:center;align-items:flex-end;padding-bottom:7vh;display:flex;position:absolute;inset:0}.menu .panel{width:min(560px,92vw);padding:14px 18px 12px;animation:.2s toastIn}.menu-title{color:var(--accent);font-size:20px;font-weight:900}.menu-sub{color:var(--ink);opacity:.6;margin-left:8px;font-size:13px;font-weight:700}.menu-text{align-items:center;gap:12px;margin:6px 0 10px;font-size:16px;line-height:1.4;display:flex}.menu-text p{margin:0}.menu-img{object-fit:contain;flex:none;width:110px;height:66px}.menu-options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menu-options li{background:var(--paper-2);cursor:pointer;border:2px solid #0000;border-radius:12px;padding:9px 14px;font-weight:700}.menu-options li small{opacity:.7;font-size:12px;font-weight:400;display:block}.menu-options li.sel{border-color:var(--accent);background:#fff;transform:translate(4px)}.menu-options li.sel:before{content:"▶ ";color:var(--accent)}.menu-options li.off{opacity:.45;cursor:default}.menu-help{opacity:.7;text-align:right;margin-top:8px;font-size:12px}.nametag{pointer-events:none;text-align:center;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.nametag b{background:#fff8eaeb;border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block;box-shadow:0 2px #0000001f}.nametag .wish{border:3px solid var(--accent);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:2px;width:74px;height:50px;margin:0 auto 4px;animation:1.6s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 3px #00000026}.nametag .wish:after{content:"";border:7px solid #0000;border-top-color:var(--accent);position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.nametag .wish img{object-fit:contain;width:60px;height:36px}.nametag .wish.done{border-color:var(--good);color:var(--good);font-size:26px;font-weight:700}.nametag .wish.done:after{border-top-color:var(--good)}@keyframes float{50%{transform:translateY(-4px)}}.badge.map-btn,.badge.menu-btn{pointer-events:auto;cursor:pointer;color:var(--ink);padding:4px 13px;font-family:inherit;font-weight:700}.badge.sound{pointer-events:auto;cursor:pointer;color:var(--ink);padding:4px 12px;font-family:inherit}.badge.sound.muted{opacity:.6}.map-overlay{pointer-events:auto;z-index:40;background:#1e3c4673;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-panel{box-shadow:var(--shadow);background:#f6e9c8;border:4px solid #c9a46a;border-radius:18px;flex-direction:column;gap:6px;max-height:96vh;padding:8px 12px;display:flex}.map-head{justify-content:space-between;align-items:center;gap:12px;font-size:18px;display:flex}.map-close{pointer-events:auto;border:3px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;font-size:18px;font-weight:700}.map-box{aspect-ratio:1;background:#ecdfbe;border:3px solid #b88d52;border-radius:10px;width:min(78vh,86vw);position:relative;overflow:hidden}.map-box canvas{width:100%;height:100%;display:block}.map-compass{color:#7a4a30;text-align:center;text-shadow:0 1px #fff;flex-direction:column-reverse;align-items:center;font:700 15px/1 serif;display:flex;position:absolute;top:8px;right:10px}.map-compass span{color:#d4483b;font-size:18px}.map-markers{position:absolute;inset:0}.mk{white-space:nowrap;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.mk.hidden{display:none}.mk .ic{filter:drop-shadow(0 1px 1px #00000059);font-size:18px;line-height:1}.mk .lb{color:#4a3424;text-align:center;background:#fff8ead1;border-radius:6px;margin-top:1px;padding:0 4px;font-size:11px;font-weight:700;line-height:1.25}.mk .lb small{font-size:9.5px;font-weight:400;display:block}.mk-spot .lb{color:#135f73}.mk-boatspot .lb{color:#fff;background:#1c6ca0d9}.mk-dock .ic{font-size:15px}.mk-dock .lb{background:#fff8eaa6;font-size:10px}.mk-place .lb{text-shadow:0 0 3px #fff,0 0 3px #fff;background:0 0;font-style:italic}.mk-person.wants .ic:after{content:"!";background:var(--gold);color:#4a3424;text-align:center;border:1px solid #c58f12;border-radius:999px;width:14px;margin:-6px 0 0 -2px;font:700 10px/14px sans-serif;position:absolute}.mk-boat .lb{color:#fff;background:#3f8fcbe6}.mk-you{z-index:2;width:0;height:0;position:absolute}.mk-you .arrow{background:#ff8a5b;border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000073}.mk-you .arrow:after{content:"";border:6px solid #0000;border-left:9px solid #ff8a5b;position:absolute;top:3px;left:15px}.mk-you .lb{color:#fff;background:#ff8a5b;border-radius:6px;padding:0 4px;font-size:11px;font-weight:700;position:absolute;top:13px;left:0;transform:translate(-50%)}.map-foot{text-align:center;color:#6b5034;font-size:12px}.mk.nolabel .lb{display:none}.cooler-bar.many .slots{grid-template-columns:repeat(4,auto);gap:4px;display:grid}.cooler-bar.many .slot{width:58px;height:40px}.cooler-bar.many .slot img{width:52px;height:28px}.cooler-bar.many .slot small{font-size:10px}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#game{height:100dvh}#touch{z-index:1;pointer-events:none;position:fixed;inset:0}#ui{z-index:2}#touch .t-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}#touch.menu-open .t-zone,#touch.menu-open .t-btn{visibility:hidden}.t-stick{pointer-events:none;background:#ffffff38;border:3px solid #ffffff8c;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.t-knob{background:#ffffffd9;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000040}.t-btn{pointer-events:auto;touch-action:none;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4a342459;border:3px solid #ffffffe6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:22px;font-weight:700;line-height:1;display:flex;position:absolute;box-shadow:0 4px 10px #00000040}.t-btn.down{background:#4a34248c;transform:scale(.92)}.t-action{right:calc(18px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));background:#ff8a5bd9;width:92px;height:92px}.t-action.idle{background:#4a342459}.t-action.hot{background:#ff6b5bf2;animation:.5s infinite alternate pulse}@keyframes pulse{to{box-shadow:0 0 0 8px #ff6b5b59}}.t-icon{font-size:30px;line-height:1}.t-label{text-align:center;text-shadow:0 1px 2px #0006;max-width:80px;margin-top:3px;font-size:11px;line-height:1.1}.t-jump{right:calc(122px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:58px;height:58px}.t-cancel{right:calc(36px + env(safe-area-inset-right));bottom:calc(120px + env(safe-area-inset-bottom));width:54px;height:54px;font-size:20px}kbd.touch{border-width:2px;border-radius:999px;min-width:0;padding:0 6px}body.touch .prompt,body.touch .help{display:none}#gate,#rotate{z-index:10;color:#fff;text-align:center;touch-action:none;background:linear-gradient(#2482da,#25c2cf);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex;position:fixed;inset:0}#rotate{z-index:11;padding:24px;font-size:20px;display:none}#rotate.show{display:flex}#rotate small,#gate small{opacity:.85;font-size:14px;font-weight:400}.rotate-phone{font-size:64px;animation:1.8s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.gate-title{text-shadow:0 3px #00000026;font-size:34px}.gate-btn{color:var(--ink);background:var(--paper);border:4px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:14px 30px;font-family:inherit;font-size:22px;font-weight:700}body.compact #ui{font-size:12px}body.compact .badge{border-width:2px;gap:5px;padding:3px 10px;font-size:15px;box-shadow:0 2px #4a342438}body.compact .coin-icon{font-size:16px}body.compact .clock-icon{font-size:13px}body.compact .panel{border-width:2px;border-radius:12px;box-shadow:0 2px #4a342438,0 4px 10px #4a342426}body.compact .hud-top-left{left:calc(8px + env(safe-area-inset-left));gap:4px;width:200px;top:6px}body.compact .round{padding:2px 9px;font-size:12px}body.compact .hud-top-right{right:calc(8px + env(safe-area-inset-right));gap:6px;top:6px}body.compact .requests{padding:3px 6px 4px}body.compact .req-title{margin-bottom:1px;font-size:10px}body.compact .req{gap:5px;padding:2px 1px}body.compact .req img{width:34px;height:21px}body.compact .req b{font-size:12.5px}body.compact .req span{font-size:11px}body.compact .req em{font-size:12.5px}body.compact .cooler-bar{bottom:auto;left:auto;right:calc(8px + env(safe-area-inset-right));border-width:2px;border-radius:12px;padding:3px 6px 5px;top:38px;box-shadow:0 2px #4a342438}body.compact .cooler-label{text-align:right;margin-bottom:2px;font-size:10px}body.compact .slots{gap:3px}body.compact .slot{border-width:1.5px;border-radius:7px;width:40px;height:28px}body.compact .slot img{width:36px;height:22px}body.compact .slot small{display:none}body.compact .spot-name{padding:3px 12px;font-size:12.5px;top:6px;box-shadow:0 2px #4a342438}body.compact .toasts{gap:4px;max-width:46vw;top:32px}body.compact .toast{text-align:center;border-width:2px;border-radius:10px;padding:4px 10px;font-size:13px}body.compact .prompt{border-width:2px;padding:5px 12px;font-size:13px;bottom:14px}body.compact .help{font-size:10px;bottom:4px}body.compact .power{border-width:2px;width:14px;height:86px;left:calc(50% + 48px)}body.compact .tension{border-width:2px;border-radius:12px;width:min(320px,40vw);padding:4px 8px 6px;bottom:8px}body.compact .tension-label{margin-bottom:2px;font-size:11.5px}body.compact .tension-bar{height:12px}body.compact .line-bar{height:7px;margin-top:5px}body.compact .line-fish{font-size:13px;top:-6px}body.compact .bite{-webkit-text-stroke-width:2px;font-size:46px;top:22%}body.compact .catch-card{border-width:3px;border-radius:16px;width:250px;padding:6px 10px 8px;animation-name:cardInC;top:50%;transform:translate(-50%,-50%)}@keyframes cardInC{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}body.compact .card-head{font-size:16px}body.compact .card-head .new{font-size:10px}body.compact .catch-card img{width:150px;height:74px}body.compact .card-name{font-size:15px}body.compact .card-meta{margin:2px 0;font-size:12px}body.compact .card-desc{font-size:12px}body.compact .menu{padding:8px calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left));align-items:center}body.compact .menu .panel{border-width:2px;width:min(540px,74vw);max-height:calc(100dvh - 16px);padding:8px 12px;overflow-y:auto}body.compact .menu-title{font-size:15px}body.compact .menu-sub{font-size:11px}body.compact .menu-text{gap:8px;margin:4px 0 6px;font-size:14px;line-height:1.3}body.compact .menu-img{width:64px;height:38px}body.compact .menu-options{gap:4px}body.compact .menu-options li{border-radius:10px;min-height:38px;padding:7px 10px;font-size:14px}body.compact .menu-options li small{font-size:11.5px}body.compact .menu-help{margin-top:4px;font-size:11px}body.compact .nametag b{padding:1px 7px;font-size:11.5px}body.compact .nametag .wish{border-width:2px;border-radius:11px;width:50px;height:34px;margin-bottom:3px}body.compact .nametag .wish img{width:40px;height:24px}body.compact .nametag .wish.done{font-size:18px}body.compact .map-panel{border-width:3px;gap:3px;padding:4px 8px}body.compact .map-head{font-size:14px}body.compact .map-close{width:30px;height:30px;font-size:15px}body.compact .map-box{width:min(80vh,86vw)}body.compact .map-foot{font-size:10px}body.compact .mk .ic{font-size:14px}body.compact .mk .lb{font-size:9px}body.compact .cooler-bar.many .slot{width:36px;height:22px}body.compact .cooler-bar.many .slot img{width:32px;height:18px}body.compact .cooler-bar.many .slot small{display:none}