@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-thai-600-normal-DlTx3OsB.woff2)format("woff2"),url(./mali-thai-600-normal-DPgXT6rZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-vietnamese-600-normal-DFlJr66u.woff2)format("woff2"),url(./mali-vietnamese-600-normal-CtTMUU7T.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-latin-ext-600-normal-BTvIfiCp.woff2)format("woff2"),url(./mali-latin-ext-600-normal-DAQcLVmD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-latin-600-normal-B9TiUNpT.woff2)format("woff2"),url(./mali-latin-600-normal-CycpQCwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(./mali-thai-700-normal-DjdebB47.woff2)format("woff2"),url(./mali-thai-700-normal-HU8A-eti.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(./mali-vietnamese-700-normal-cyBa8w1S.woff2)format("woff2"),url(./mali-vietnamese-700-normal-BxAmfcK6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(./mali-latin-ext-700-normal-Bxl-P7gA.woff2)format("woff2"),url(./mali-latin-ext-700-normal-CjT8jNpY.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(./mali-latin-700-normal-UA1FHiAM.woff2)format("woff2"),url(./mali-latin-700-normal-DHEtm6Un.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(./mitr-thai-400-normal-CXWaAdVj.woff2)format("woff2"),url(./mitr-thai-400-normal-CS4Do6aM.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(./mitr-vietnamese-400-normal-CPMGWyoC.woff2)format("woff2"),url(./mitr-vietnamese-400-normal-Z6XhIpdY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(./mitr-latin-ext-400-normal-B3CPG7Yo.woff2)format("woff2"),url(./mitr-latin-ext-400-normal-DTx65hiC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(./mitr-latin-400-normal-CwbkLQ4a.woff2)format("woff2"),url(./mitr-latin-400-normal-Cb18vPmZ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(./mitr-thai-500-normal-CVdBrEVH.woff2)format("woff2"),url(./mitr-thai-500-normal-CW_B5D-i.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(./mitr-vietnamese-500-normal-CDrv0585.woff2)format("woff2"),url(./mitr-vietnamese-500-normal-CMQWyq-Z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(./mitr-latin-ext-500-normal-B_Diajz1.woff2)format("woff2"),url(./mitr-latin-ext-500-normal-DYOsVaVT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(./mitr-latin-500-normal-BmClOow2.woff2)format("woff2"),url(./mitr-latin-500-normal-B4JOhzAi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(./mitr-thai-600-normal-DFYMNGrH.woff2)format("woff2"),url(./mitr-thai-600-normal-DvC8ywyI.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(./mitr-vietnamese-600-normal-CjzS03ku.woff2)format("woff2"),url(./mitr-vietnamese-600-normal-CrXN8S6A.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(./mitr-latin-ext-600-normal-CIqZ5Lpq.woff2)format("woff2"),url(./mitr-latin-ext-600-normal-DGIYYRq8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(./mitr-latin-600-normal-kSdUWQ3Q.woff2)format("woff2"),url(./mitr-latin-600-normal-CCDPiDpK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ocean:#1da7a1;--lagoon:#65d5e7;--coral:#f77f57;--coral-deep:#e0643f;--mango:#ffc857;--mango-deep:#e9a92e;--leaf:#5aae67;--navy:#173b4d;--navy-soft:#2c5566;--sand:#f6e7c1;--cream:#fff6e0;--glass:#f1fcfacc;--glass-strong:#f6fdfceb;--glass-edge:#fffffff2;--glass-shadow:0 10px 28px #173b4d33, 0 2px 6px #173b4d1f;--wood:#c99561;--wood-dark:#8e5e3b;--wood-light:#e2b17c;--rope-a:#e2c48b;--rope-b:#c49a5b;--paper:#f7ecd2;--radius-xl:26px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font-display:"Mali", "Mitr", "Leelawadee UI", "Thonburi", "Noto Sans Thai", system-ui, sans-serif;--font-ui:"Mitr", "Leelawadee UI", "Thonburi", "Noto Sans Thai", "Segoe UI", system-ui, -apple-system, sans-serif;--t-fast:.15s;--t-med:.22s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--navy);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#3fb0b5;margin:0;font-size:16px;line-height:1.4;overflow:hidden}#app{position:fixed;inset:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root,.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}[hidden]{display:none!important}.icon{flex:none;width:1.25em;height:1.25em;display:inline-flex}.icon svg,[class$=-icon] svg,.mini svg{width:100%;height:100%;display:block}kbd{background:var(--cream);min-width:1.9em;height:1.7em;color:var(--navy);font:600 .82em/1 var(--font-ui);border:1.5px solid #173b4d59;border-bottom-width:3px;border-radius:7px;place-items:center;padding:0 .45em;display:inline-grid}:focus-visible{outline:3px solid var(--navy);outline-offset:3px;box-shadow:0 0 0 7px #ffc857bf}.btn{appearance:none;background:var(--glass-strong);min-height:46px;color:var(--navy);font:500 1rem/1.2 var(--font-ui);cursor:pointer;transition:transform var(--t-fast) var(--ease-out), background var(--t-fast), box-shadow var(--t-fast);border:2px solid #173b4d24;border-bottom-width:4px;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.55em 1.2em;display:inline-flex}.btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn .icon{width:1.2em;height:1.2em}.btn-primary{background:linear-gradient(180deg, #ff9670 0%, var(--coral) 60%);border-color:var(--coral-deep);color:var(--navy);font-weight:600;box-shadow:0 6px 16px #f77f5759}.btn-primary:hover:not(:disabled){background:linear-gradient(#ffa27f 0%,#ff8a63 60%)}.btn-xl{min-height:60px;padding:.5em 2.2em;font-size:1.3rem}.btn-ghost{background:#ffffff73;border-color:#173b4d1a}.btn-danger{color:#8a2a12;background:#fff1ec;border-color:#c8462873}.icon-btn{appearance:none;border:1.5px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(8px)saturate(1.2);width:44px;height:44px;color:var(--navy);box-shadow:var(--glass-shadow);cursor:pointer;transition:transform var(--t-fast) var(--ease-out), background var(--t-fast);border-radius:14px;place-items:center;display:inline-grid;position:relative}.icon-btn .icon{width:22px;height:22px}.icon-btn:hover{background:var(--glass-strong);transform:translateY(-1px)}.icon-btn:active{transform:translateY(1px)scale(.97)}.badge{background:var(--coral);border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.8s ease-out infinite badgePulse;position:absolute;top:-4px;right:-4px;box-shadow:0 0 #f77f5799}@keyframes badgePulse{0%{box-shadow:0 0 #f77f578c}70%{box-shadow:0 0 0 9px #f77f5700}to{box-shadow:0 0 #f77f5700}}.segmented{background:#173b4d14;border:1.5px solid #ffffffb3;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg-btn{appearance:none;min-width:108px;min-height:42px;color:var(--navy);font:500 1.05rem/1 var(--font-ui);cursor:pointer;transition:background var(--t-fast), transform var(--t-fast);background:0 0;border:none;border-radius:999px;padding:.35em 1em}.seg-btn:hover{background:#fff9}.seg-btn.is-on{box-shadow:0 3px 10px #173b4d29, inset 0 -3px 0 var(--mango);background:#fff;font-weight:600}.glass-card{border-radius:var(--radius-xl);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px)saturate(1.25);border:2px solid var(--glass-edge);width:min(440px,100vw - 32px);max-height:calc(100vh - 40px);box-shadow:var(--glass-shadow);position:relative;overflow:auto}.card-head{background:repeating-linear-gradient(90deg, #00000009 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--wood-light), var(--wood));color:#fff;border-bottom:5px solid #0000;border-image:repeating-linear-gradient(-45deg, var(--rope-a) 0 5px, var(--rope-b) 5px 10px) 5;align-items:center;gap:10px;padding:14px 18px 12px;display:flex;position:relative}.card-head h2{font:700 1.4rem/1.2 var(--font-display);text-shadow:0 2px #5a371973;letter-spacing:.01em;flex:1;margin:0}.card-head .close-btn{border-radius:12px;width:38px;height:38px}.card-body{flex-direction:column;gap:10px;padding:18px;display:flex}.fine{opacity:.75;text-align:center;margin:4px 0 0;font-size:.85rem}.layer-modals{z-index:30}.modal-backdrop{opacity:0;pointer-events:none;transition:opacity var(--t-med);background:radial-gradient(#173b4d33,#173b4d6b);position:absolute;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal{pointer-events:none;position:absolute;inset:0}.modal-wrap{pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-wrap>*{pointer-events:auto}.modal-dialog .modal-wrap>*,.modal-sheet .modal-wrap>*{opacity:0;transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out);transform:translateY(10px)scale(.98)}.modal-dialog.is-open .modal-wrap>*,.modal-sheet.is-open .modal-wrap>*{opacity:1;transform:none}.boot-error{text-align:center;background:var(--ocean);color:#fff;pointer-events:auto;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.layer-title{z-index:20}.title-screen{transition:opacity .45s var(--ease-out);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.title-screen.is-hidden{opacity:0;pointer-events:none}.title-vignette{pointer-events:none;background:radial-gradient(60% 55% at 50% 45%,#fff6e047,#fff6e000 70%),linear-gradient(#173b4d00 60%,#173b4d40);position:absolute;inset:0}.title-card{-webkit-backdrop-filter:blur(10px)saturate(1.2);width:min(520px,100%);box-shadow:var(--glass-shadow);text-align:center;animation:titleIn .7s var(--ease-out) both;background:#f1fcfa9e;border:2px solid #ffffffd9;border-radius:32px;flex-direction:column;align-items:center;gap:14px;padding:30px 28px 24px;display:flex;position:relative}@keyframes titleIn{0%{opacity:0;transform:translateY(16px)}}.logo{flex-direction:column;align-items:center;margin-bottom:2px;line-height:1.05;display:flex;position:relative}.logo-th{font:700 clamp(2.4rem, 7.4vw, 3.6rem) / 1.15 var(--font-display);color:var(--mango);-webkit-text-stroke:7px var(--navy);paint-order:stroke fill;text-shadow:0 6px #173b4d59;letter-spacing:.01em}.logo-en{font:700 clamp(1.25rem, 3.8vw, 1.7rem) / 1.1 var(--font-display);color:var(--coral);-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;text-shadow:0 4px #173b4d4d;letter-spacing:.03em;margin-top:2px}.logo-wave{width:40px;height:40px;color:var(--lagoon);position:absolute;top:-10px;right:-30px;transform:rotate(-12deg)}.subtitle{color:var(--navy);opacity:.85;margin:0;font-size:1.02rem}.lang-block{flex-direction:column;align-items:center;gap:8px;margin:6px 0 2px;display:flex}.lang-hint{margin:0;font-size:.95rem;font-weight:500}.lang-hint.is-pending{background:var(--mango);border-radius:999px;padding:3px 12px;animation:2.4s ease-in-out infinite gentleBob;box-shadow:0 3px 10px #e9a92e59}@keyframes gentleBob{50%{transform:translateY(-3px)}}.save-note{opacity:.75;margin:-4px 0 0;font-size:.85rem}.title-footer{bottom:calc(12px + var(--safe-bottom));text-align:center;color:#fff;text-shadow:0 1px 2px #173b4db3;pointer-events:none;margin:0;font-size:.8rem;position:absolute;left:0;right:0}.layer-hud{z-index:10}.hud{pointer-events:none;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.hud.is-hidden{opacity:0}.hud button{pointer-events:auto}.hud-tl{top:calc(14px + var(--safe-top));left:calc(14px + var(--safe-left));flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,46vw);display:flex;position:absolute}.coin-pill{background:var(--glass);-webkit-backdrop-filter:blur(8px)saturate(1.2);border:1.5px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 8px;display:inline-flex}.coin-icon{width:32px;height:32px;color:var(--mango);background:radial-gradient(circle at 35% 30%,#fff8e6,#ffe6a6);border-radius:50%;padding:5px;box-shadow:inset 0 -2px #e9a92e99}.coin-value{font:700 1.55rem/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;min-width:2ch}.bump{animation:bump .32s var(--ease-pop)}@keyframes bump{40%{transform:scale(1.1)}}.island-tag{color:#fff;-webkit-backdrop-filter:blur(6px);background:#173b4d73;border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 8px;font-size:.95rem;font-weight:500;display:inline-flex}.island-icon{width:18px;height:18px;color:var(--lagoon)}.goal-chip{appearance:none;border:1.5px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(8px);max-width:100%;color:var(--navy);font:500 .88rem/1.25 var(--font-ui);text-align:left;cursor:pointer;box-shadow:var(--glass-shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 12px;display:inline-flex}.goal-star{width:16px;height:16px;color:var(--mango-deep)}.goal-text{flex:1;min-width:0}.goal-bar{background:#173b4d1f;border-radius:3px;flex-basis:100%;height:5px;overflow:hidden}.goal-bar i{background:linear-gradient(90deg, var(--mango), var(--coral));height:100%;transition:width .3s var(--ease-out);border-radius:3px;display:block}.goal-chip.is-ready{border-color:var(--mango);background:#fff7de;animation:1.6s ease-in-out infinite readyGlow}@keyframes readyGlow{50%{box-shadow:0 0 0 5px #ffc85773, var(--glass-shadow)}}.chip{background:var(--glass);border:1.5px solid var(--glass-edge);-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:4px 11px;font-size:.86rem;font-weight:500;box-shadow:0 4px 12px #173b4d26}.streak-chip{color:var(--navy);position:relative;overflow:hidden}.streak-chip:after{content:"";height:3px;width:calc(var(--t,1) * 100%);background:var(--coral);position:absolute;bottom:0;left:0}.rare-chip{border-color:var(--mango);background:#fff7de}.rare-chip.is-now{background:var(--mango);animation:1.2s ease-in-out infinite readyGlow}.hud-tr{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.hud-tr-row{align-items:center;gap:8px;display:flex}.pack-chip{background:var(--glass);border:1.5px solid var(--glass-edge);-webkit-backdrop-filter:blur(8px);box-shadow:var(--glass-shadow);border-radius:14px;grid-template-columns:auto auto;align-items:center;gap:3px 6px;padding:6px 12px 6px 9px;display:grid}.pack-icon{width:26px;height:26px;color:var(--coral-deep);grid-row:span 2}.pack-count{font:700 1.12rem/1 var(--font-display);font-variant-numeric:tabular-nums}.pack-bar{background:#173b4d1f;border-radius:3px;width:56px;height:5px;overflow:hidden}.pack-bar i{background:var(--leaf);height:100%;transition:width .25s var(--ease-out);display:block}.pack-chip.is-full{border-color:var(--coral);background:#fff1ec;animation:1.6s ease-in-out infinite fullNudge}.pack-chip.is-full .pack-bar i{background:var(--coral)}@keyframes fullNudge{0%,85%,to{transform:none}90%{transform:translate(-3px)}95%{transform:translate(3px)}}.basket-count{opacity:.8;text-align:right;grid-column:1/-1;font-size:.78rem;font-weight:500}.pelican-chip{font-size:.8rem}.hud-bottom{left:50%;bottom:calc(18px + var(--safe-bottom));flex-direction:column;align-items:center;gap:8px;width:min(560px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.prompt{color:#fff;animation:promptIn .18s var(--ease-out);background:#173b4dd1;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-weight:500;display:inline-flex;box-shadow:0 8px 20px #173b4d47}.prompt:not(.is-action){padding-left:18px}.prompt.is-action{background:var(--navy);border:2px solid var(--mango)}@keyframes promptIn{0%{opacity:0;transform:translateY(6px)}}.tip{background:var(--glass-strong);border:2px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);pointer-events:auto;border-radius:18px;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex}.tip.pop{animation:tipPop .26s var(--ease-pop)}@keyframes tipPop{0%{opacity:0;transform:translateY(8px)scale(.97)}}.tip-text{flex:1;min-width:0}.tip-title{font:600 1.1rem/1.3 var(--font-ui)}.tip-hint{opacity:.8;font-size:.88rem}.tip-hide{appearance:none;color:var(--navy);font:500 .8rem/1 var(--font-ui);cursor:pointer;background:0 0;border:1.5px solid #173b4d33;border-radius:999px;flex:none;padding:6px 12px}.tip-hide:hover{background:#173b4d12}.toasts{top:calc(16px + var(--safe-top));flex-direction:column;align-items:center;gap:6px;width:min(460px,100vw - 180px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--glass-strong);border:1.5px solid var(--glass-edge);box-shadow:var(--glass-shadow);text-align:center;opacity:0;transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:500;transform:translateY(-8px)}.toast.is-in{opacity:1;transform:none}.toast-good{border-color:var(--leaf);background:#f0fbef}.toast-rare{border-color:var(--mango);background:#fff8e3}.world-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-labels>*{will-change:transform;position:absolute;top:0;left:0}.hook-cue{width:0;height:0}.hook-inner{background:var(--coral);width:124px;color:var(--navy);font:700 1.45rem/1 var(--font-display);text-align:center;letter-spacing:.02em;box-shadow:0 0 0 3px var(--navy), 0 10px 22px #173b4d59;transform-origin:50% 100%;border:3px solid #fff;border-radius:16px;padding:8px 0 9px;position:absolute;top:-64px;left:-62px}.hook-inner:after{content:"";background:var(--coral);border-bottom:3px solid #fff;border-right:3px solid #fff;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-12px;left:50%;transform:rotate(45deg)}.hook-inner.pop{animation:hookPop .28s var(--ease-pop)}@keyframes hookPop{0%{opacity:0;transform:scale(.4)}}.popup{transform-origin:50%;white-space:nowrap;color:var(--navy);font:600 .95rem/1.2 var(--font-ui);background:#ffffffeb;border-radius:999px;margin:-14px 0 0;padding:3px 10px;translate:-50%;box-shadow:0 4px 12px #173b4d33}.popup.small{padding:2px 8px;font-size:.8rem}.popup.soft{color:#fff;background:#173b4db3;font-weight:500}.popup.coins{background:#fff4d0;box-shadow:0 4px 12px #e9a92e59}.popup.big{font:700 1.25rem/1.2 var(--font-display);padding:5px 14px}.popup.rare,.popup.new{background:var(--mango)}.popup.perfect{background:var(--navy);color:var(--mango);font:700 1.05rem/1.2 var(--font-display)}.kiosk-marker{color:var(--navy);flex-direction:column;align-items:center;gap:2px;font-size:.85rem;font-weight:600;display:flex;translate:-50% -100%}.kiosk-marker>span:last-child{background:var(--mango);border-radius:999px;padding:2px 10px;box-shadow:0 4px 10px #173b4d40}.marker-arrow{width:30px;height:30px;color:var(--coral);filter:drop-shadow(0 2px 0 var(--navy));order:2;animation:1s ease-in-out infinite markerBob}.kiosk-marker.is-edge .marker-arrow{transform:rotate(var(--ang));animation:none}@keyframes markerBob{50%{transform:translateY(6px)}}.speech-anchor{width:0;height:0}.speech{width:max-content;max-width:240px;color:var(--navy);text-align:center;background:#fff;border-radius:16px;padding:8px 14px;font-size:.92rem;font-weight:500;position:absolute;bottom:8px;left:0;translate:-50%;box-shadow:0 6px 16px #173b4d40}.speech:after{content:"";background:#fff;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.speech.pop{animation:tipPop .24s var(--ease-pop)}.fly-coin{width:26px;height:26px;color:var(--mango);filter:drop-shadow(0 2px #173b4d59);margin:-13px 0 0 -13px}.fly-coin svg{width:100%;height:100%}.perf{left:calc(10px + var(--safe-left));bottom:calc(10px + var(--safe-bottom));z-index:50;color:#d9fbf6;white-space:pre;pointer-events:none;background:#173b4dc7;border-radius:10px;padding:8px 10px;font:12px/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute}@media (max-width:640px){.hud-tl{top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));max-width:52vw}.hud-tr{top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right))}.coin-value{font-size:1.25rem}.coin-icon{width:26px;height:26px;padding:4px}.icon-btn{width:44px;height:44px}.pack-bar{width:40px}.hud-tr-row{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.toasts{top:calc(118px + var(--safe-top));width:calc(100vw - 32px)}.tip-title{font-size:1rem}}.touch .hud-bottom{bottom:calc(150px + var(--safe-bottom))}.pause-card{width:min(400px,100vw - 32px)}.pause-card .card-body>.btn{justify-content:flex-start;width:100%;padding-left:1.2em}.pause-card .card-body>.btn-primary{justify-content:center;font-size:1.1rem}.controls-ref{background:#173b4d0d;border-radius:14px;margin-top:4px;padding:4px 12px}.controls-ref summary{cursor:pointer;padding:8px 0;font-weight:600}.ctrl-grid{gap:7px;padding:2px 0 10px;font-size:.88rem;display:grid}.ctrl-row{grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:10px;display:grid}.ctrl-keys{flex-wrap:wrap;gap:4px;display:inline-flex}.settings-card{width:min(480px,100vw - 32px)}.set-row{border-bottom:1px dashed #173b4d26;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.set-row label,.set-row>span{flex-direction:column;font-weight:500;display:flex}.set-row small{opacity:.75;font-size:.8rem;font-weight:400}.set-row .seg-btn{min-width:88px}.slider-wrap{align-items:center;gap:10px;display:flex}.slider-wrap output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em;font-weight:500}input[type=range]{width:min(180px,38vw);accent-color:var(--coral);height:28px}.switch{appearance:none;cursor:pointer;width:52px;height:30px;transition:background var(--t-fast);background:#173b4d33;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform var(--t-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #173b4d4d}.switch:checked{background:var(--leaf)}.switch:checked:after{transform:translate(22px)}.set-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:12px;display:flex}.confirm-card .set-actions{justify-content:flex-end}.confirm-card p{margin:0}.route-card{width:min(480px,100vw - 32px)}.route-art{border:2px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #173b4d2e}.route-art svg{width:100%;height:auto;display:block}.kicker{font:700 1.2rem/1.2 var(--font-display);color:var(--coral-deep);text-align:center;margin:4px 0 0}.route-body p{margin:0 0 6px}.route-body .soon{border:1.5px dashed var(--mango-deep);background:#fff7de;border-radius:12px;padding:8px 12px;font-size:.92rem}.route-card h3{font:600 1rem/1.2 var(--font-ui);margin:6px 0 0}.route-stats{background:#173b4d0f;border-radius:14px;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 6px;padding:10px 14px;display:grid}.route-stats dt{opacity:.8}.route-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.drawer-wrap{pointer-events:none;position:absolute;inset:0}.drawer-panel{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);border-left:2px solid var(--glass-edge);pointer-events:auto;width:min(430px,100vw);transition:transform var(--t-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-10px 0 30px #173b4d33}.modal-drawer.is-open .drawer-panel{transform:none}.drawer-panel .card-head{padding-top:calc(14px + var(--safe-top))}.head-icon{width:26px;height:26px}.col-progress{margin:12px 18px 4px;font-weight:500}.col-scroll{padding:6px 14px calc(18px + var(--safe-bottom));flex:1;overflow:auto}.col-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.col-item{background:#ffffffa6;border:1.5px solid #173b4d14;border-radius:16px;grid-template-columns:96px 1fr;gap:12px;padding:10px 12px;display:grid}.col-item.is-known{background:#fff}.col-art{background:linear-gradient(#d9f4f2,#aee3e4);border-radius:12px;align-self:center;padding:6px}.col-art svg{width:100%;height:auto;display:block}.col-info{min-width:0}.col-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.col-row h3{font:600 1.02rem/1.25 var(--font-ui);margin:0}.rarity{background:#173b4d14;border-radius:999px;flex:none;padding:1px 8px;font-size:.72rem;font-weight:600}.rarity-uncommon .rarity{color:#2f6b39;background:#e3f5e5}.rarity-rare .rarity{color:#1c5f73;background:#e0f5fa}.rarity-legendary .rarity{background:var(--mango);color:var(--navy)}.col-desc{margin:4px 0;font-size:.86rem}.col-desc.muted{opacity:.6;font-style:italic}.col-meta{flex-wrap:wrap;gap:4px 10px;margin:0;font-size:.8rem;font-weight:500;display:flex}.col-special{color:var(--coral-deep)}.col-where{opacity:.72;margin:3px 0 0;font-size:.78rem}.chart-wrap{padding:14px}.chart-card{background:var(--paper);border:6px solid #0000;border-image:repeating-linear-gradient(-45deg, var(--rope-a) 0 6px, var(--rope-b) 6px 12px) 6;border-radius:28px;flex-direction:column;width:min(1180px,100%);height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 20px 50px #173b4d59}.chart-head{background:repeating-linear-gradient(90deg, #00000009 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--wood-light), var(--wood));color:#fff;align-items:center;gap:14px;padding:10px 14px 10px 18px;display:flex}.chart-titles{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chart-logo{width:34px;height:34px}.chart-titles h2{font:700 1.45rem/1.1 var(--font-display);text-shadow:0 2px #5a371973;margin:0}.chart-titles p{opacity:.95;margin:1px 0 0;font-size:.85rem}.chart-wallet{background:var(--cream);color:var(--navy);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;display:inline-flex;box-shadow:inset 0 -3px #8e5e3b4d}.shell-icon{width:26px;height:26px;color:var(--mango-deep)}.coin-num{font:700 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums}.ready-num{background:var(--coral);color:var(--navy);border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:600}.chart-body{flex:1;grid-template-columns:1fr 310px;min-height:0;display:grid}.chart-scroll{place-items:center;padding:10px;display:grid;position:relative;overflow:auto}.chart-map{aspect-ratio:1000/720;border-radius:18px;width:100%;min-width:640px;max-width:calc(138.889vh - 277.778px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8e5e3b40}.chart-svg{width:100%;height:100%;position:absolute;inset:0}.chart-grid line{stroke:#173b4d12;stroke-width:1px}.chart-compass text{font:700 14px var(--font-display);fill:#8e5e3b}.isl-sand{fill:#f6e7c1;stroke:#8e5e3b73;stroke-width:2px}.isl-grass{fill:#8dcf78}.isl-next{fill:#b7d9a8;stroke:#3f8f5a80;stroke-width:2px;stroke-dasharray:5 6}.chart-mangrove .roots path{stroke:#6b4a2e;stroke-width:3px;fill:none;stroke-linecap:round;opacity:.35}.chart-mangrove{opacity:.55;transition:opacity .6s}.chart-mangrove.is-open{opacity:1}.chart-mangrove.is-open .isl-next{stroke-dasharray:none;fill:#9fd08c}.route{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 9;opacity:.28;transition:opacity .4s,stroke-width .4s}.route.route-cross{stroke-dasharray:1 12}.route.is-open{opacity:.6;stroke-dasharray:8 8}.route.is-lit{opacity:1;stroke-width:4.5px;stroke-dasharray:none;filter:drop-shadow(0 0 3px #ffffffe6)}.route.lighting{stroke-dasharray:700;stroke-dashoffset:700px;animation:routeLight .9s var(--ease-out) forwards}@keyframes routeLight{to{stroke-dashoffset:0}}.chart-cat{font:600 .82rem/1.2 var(--font-display);white-space:nowrap;color:#fff;border-radius:999px;padding:3px 12px;position:absolute;translate:-50% -50%;box-shadow:0 3px 8px #173b4d33}.cat-craft.chart-cat{background:#d9603a}.cat-trade.chart-cat{background:#b27b12}.cat-helpers.chart-cat{background:#3f8a4c}.cat-restore.chart-cat{background:#1d7f97}.chart-place{font:700 .9rem/1.2 var(--font-display);color:var(--navy);text-shadow:0 1px #fff;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;translate:-50% -50%}.chart-place small{font:500 .72rem/1.2 var(--font-ui);opacity:.75}.node{appearance:none;width:64px;color:var(--navy);cursor:pointer;font:600 .72rem/1 var(--font-ui);background:0 0;border:none;justify-items:center;gap:1px;padding:0;display:grid;position:absolute;translate:-50% -50%}.node-icon{width:48px;height:48px;color:var(--cat);border:3px solid var(--cat);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast);background:#fff;border-radius:50%;place-items:center;padding:11px;display:grid;box-shadow:0 4px #173b4d2e,0 6px 14px #173b4d2e}.node:hover .node-icon{transform:translateY(-2px)}.node.is-owned .node-icon{background:var(--cat);color:#fff}.node.is-locked .node-icon{color:#173b4d73;background:#efe6d0;border-style:dashed;border-color:#173b4d59}.node.is-affordable .node-icon{animation:1.6s ease-in-out infinite nodeReady}@keyframes nodeReady{50%{box-shadow:0 4px #173b4d2e,0 0 0 7px #ffc8578c}}.node.is-selected .node-icon{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--navy), 0 8px 18px #173b4d4d;transform:scale(1.12)}.node.is-goal:before{content:"★";color:var(--mango-deep);text-shadow:0 1px #fff;font-size:1rem;position:absolute;top:-12px;right:2px}.node:focus-visible{box-shadow:none;outline:none}.node:focus-visible .node-icon{outline:3px solid var(--navy);outline-offset:5px}.pips{gap:2px;height:6px;margin-top:3px;display:flex}.pips i{background:#173b4d33;border-radius:50%;width:6px;height:6px}.pips i.on{background:var(--cat,var(--coral))}.pips.big i{width:9px;height:9px}.price{font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffffd9;border-radius:999px;align-items:center;gap:2px;margin-top:2px;padding:2px 6px;display:inline-flex}.mini{width:12px;height:12px;display:inline-flex}.shell-mini{color:var(--mango-deep)}.node.is-affordable .price{background:var(--mango)}.node.shake{animation:.32s shake}@keyframes shake{25%{translate:calc(-50% - 5px) -50%}75%{translate:calc(5px - 50%) -50%}}.node.just-bought .node-icon{animation:bought .62s var(--ease-pop)}.node.just-bought:after{content:"";border:3px solid var(--mango);width:48px;height:48px;animation:ring .7s var(--ease-out) forwards;pointer-events:none;border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:24px;left:50%}@keyframes bought{40%{transform:scale(1.35)}}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.6)}}.chart-detail{background:#ffffff80;border-left:2px dashed #8e5e3b4d;flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.detail-top{align-items:center;gap:12px;display:flex}.detail-icon{background:var(--cat);color:#fff;border-radius:50%;flex:none;width:54px;height:54px;padding:12px;box-shadow:0 4px #173b4d2e}.detail-cat{color:var(--cat);filter:brightness(.75);font-size:.78rem;font-weight:600}.chart-detail h3{font:700 1.2rem/1.2 var(--font-display);margin:0}.detail-level{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex}.desc{margin:0;font-size:.92rem}.effect{background:#fff;border:1.5px solid #173b4d1a;border-radius:12px;grid-template-columns:auto 1fr;gap:2px 8px;padding:10px 12px;font-size:.88rem;display:grid}.eff-label{opacity:.7}.eff-now{font-weight:500}.eff-arrow{display:none}.eff-next{color:#1d7f4f;font-weight:700}.effect:has(>:only-child){grid-template-columns:1fr}.req{background:#efe6d0;border-radius:10px;margin:0;padding:8px 10px;font-size:.85rem}.goal-tag{color:#8a5a00;align-items:center;gap:6px;margin:0;font-size:.85rem;font-weight:600;display:inline-flex}.buy-btn{width:100%;margin-top:auto;font-size:1.05rem}.short{text-align:center;opacity:.8;margin:-4px 0 0;font-size:.85rem}.chart-foot{color:#6b4a2e;background:#ffffff59;padding:6px 16px 8px;font-size:.78rem}@media (max-width:860px){.chart-wrap{padding:0}.chart-card{border-radius:0;width:100%;height:100%}.chart-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.chart-scroll{place-items:start}.chart-map{min-width:720px;max-width:none}.chart-detail{max-height:44vh;padding-bottom:calc(16px + var(--safe-bottom));border-top:2px dashed #8e5e3b4d;border-left:none}.chart-titles p,.chart-foot{display:none}.chart-titles h2{font-size:1.15rem}.chart-logo{width:26px;height:26px}}.touch-controls{z-index:15;pointer-events:none;position:absolute;inset:0}.touch-controls>*{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.joy-base{left:calc(22px + var(--safe-left));bottom:calc(22px + var(--safe-bottom));-webkit-backdrop-filter:blur(4px);background:radial-gradient(circle,#ffffff59,#ffffff2e);border:2px solid #ffffffb3;border-radius:50%;width:132px;height:132px;position:absolute;box-shadow:0 6px 20px #173b4d33}.joy-knob{border:3px solid var(--navy);background:radial-gradient(circle at 35% 30%,#fff,#e8f7f5);border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #173b4d4d}.touch-btn{border:3px solid var(--navy);color:var(--navy);font:700 1.05rem/1 var(--font-display);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 6px #173b4d59,0 10px 20px #173b4d40}.touch-action{right:calc(24px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));background:radial-gradient(circle at 35% 30%, #ffa27f, var(--coral));width:92px;height:92px}.touch-action.is-catch{background:radial-gradient(circle at 35% 30%, #ffe19a, var(--mango));animation:.52s ease-in-out infinite catchPulse}@keyframes catchPulse{50%{box-shadow:0 6px #173b4d59,0 0 0 10px #ffc85780}}.touch-action.is-down{transform:translateY(4px);box-shadow:0 2px #173b4d59}.touch-interact{right:calc(128px + var(--safe-right));bottom:calc(34px + var(--safe-bottom));opacity:.5;background:#ffffffb3;width:62px;height:62px}.touch-interact svg{width:30px;height:30px}.touch-interact.is-available{opacity:1;background:radial-gradient(circle at 35% 30%, #fff5d6, var(--mango));animation:1.2s ease-in-out infinite catchPulse}