@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-thai-400-normal-D80Pglro.woff2)format("woff2"),url(/assets/kanit-thai-400-normal-D2nliXKa.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-vietnamese-400-normal-DRI8YWyb.woff2)format("woff2"),url(/assets/kanit-vietnamese-400-normal-dow6Bnto.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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-ext-400-normal-B2xPf58u.woff2)format("woff2"),url(/assets/kanit-latin-ext-400-normal-CHvNKHHD.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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-400-normal-BUlsQXH3.woff2)format("woff2"),url(/assets/kanit-latin-400-normal-HVZWrfev.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:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-thai-600-normal-Bj6oiaDc.woff2)format("woff2"),url(/assets/kanit-thai-600-normal-wbTlPO7I.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-vietnamese-600-normal-Bi7fw3I4.woff2)format("woff2"),url(/assets/kanit-vietnamese-600-normal-DXCRAa_8.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:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-latin-ext-600-normal-DAX3wtuq.woff2)format("woff2"),url(/assets/kanit-latin-ext-600-normal-BBDzoLaj.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:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-latin-600-normal-0lS78yAd.woff2)format("woff2"),url(/assets/kanit-latin-600-normal-DlacpeTg.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:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/kanit-thai-800-normal-Df2wY4Tx.woff2)format("woff2"),url(/assets/kanit-thai-800-normal-9tB_Nruv.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/kanit-vietnamese-800-normal-DCRqkpWQ.woff2)format("woff2"),url(/assets/kanit-vietnamese-800-normal-n2dAtJLW.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:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/kanit-latin-ext-800-normal-l8gEnNPg.woff2)format("woff2"),url(/assets/kanit-latin-ext-800-normal-DNRPpoip.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:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/kanit-latin-800-normal-Bmaevg4i.woff2)format("woff2"),url(/assets/kanit-latin-800-normal-DOFY8CUZ.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{--ink:#12303a;--ink-soft:#12303aa3;--cream:#fff8ec;--coral:#ff5d5d;--mango:#f4a52a;--mango-deep:#e8961a;--glass:#fbf9f4d6;--glass-strong:#fbf9f4ed;--glass-edge:#ffffffb3;--lift:0 10px 28px #062d3a38, 0 1px 3px #062d3a29;--tint-hover:#12303a12;--lagoon:#2ec4b6;--sea:#0f7fa6;--muted:#5b6b70;--radius:18px;--shadow:4px 4px 0 var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Kanit,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none}.game canvas{opacity:0;transition:opacity 1s ease-out}.game.ready canvas{opacity:1}.landed .hud-left,.landed .hud-right,.landed .credit-corner{animation:.5s backwards fade-in}h1,h2,p{margin:0}kbd{text-align:center;background:#fff;border:1px solid #12303a38;border-bottom-width:2px;border-radius:6px;min-width:1.7em;margin-right:.2em;padding:0 .4em;font-family:inherit;font-size:.8em;font-weight:600;display:inline-block}.btn{font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5em;padding:.72em 1.35em;font-size:1.02rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #062d3a29}.btn:hover:not(:disabled){background:var(--mango-deep)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible,.tool:focus-visible,.hud-name:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--mango)}.btn-link{font:inherit;color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.kbd-inline{margin:0 0 0 .3em;font-size:.7em}.opening .opening-title{animation:.5s ease-out both fade-in}.opening-flying .opening-title{animation:.9s ease-in 2.2s forwards fade-out}.opening-skip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-shadow:0 1px 2px #04283c80;background:#041e2d6b;border-radius:999px;margin:0;padding:6px 14px;font-size:.9rem;font-weight:500;animation:.6s .8s both fade-in}.opening-about{font:inherit;color:#fff;text-underline-offset:3px;text-shadow:0 1px 6px #04283c99;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin-top:4px;padding:8px 12px;font-size:.85rem;text-decoration:underline;animation:.5s both fade-in}.boot-fill{transition:transform .35s ease-out}.inline-icon{vertical-align:-2px;align-items:center;gap:3px;display:inline-flex}.hud-name,.credit-corner,.toolbar,.zoom-strip,.compass-btn,.toast,.honk,.joystick{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);border:1px solid var(--glass-edge);box-shadow:var(--lift)}.intro-card,.places-panel,.island-menu-panel{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--glass-edge);box-shadow:var(--lift)}.toolbar{border-radius:15px;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.tool{height:38px;font:inherit;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.92rem;font-weight:500;transition:background .15s;display:inline-flex}.tool:hover{background:var(--tint-hover)}.tool:active{background:#12303a21}.tool-square{width:38px;padding:0}.tool-accent,.tool-accent:hover{background:var(--mango);font-weight:600}.tool-accent:hover{background:var(--mango-deep)}.view-controls{right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.view-controls-touch{right:calc(38px + env(safe-area-inset-right));bottom:calc(124px + env(safe-area-inset-bottom))}.zoom-strip{border-radius:15px;flex-direction:column;padding:4px;display:flex}.zoom-strip .tool-square{border-radius:10px;width:34px;height:34px}.compass-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,transform .2s;display:grid;transform:scale(.8)}.compass-btn.visible{opacity:1;pointer-events:auto;transform:none}.strip-sep{background:#12303a24;height:1px;margin:3px 7px}.game{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.intro{padding:16px 16px calc(24px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000 45%,#0f3c504d);place-items:end center;animation:.6s ease-out fade-in;display:grid;position:absolute;inset:0}.intro-card{text-align:center;pointer-events:auto;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(480px,100%);padding:22px 24px 16px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop-in;display:flex}.intro-card h1{font-size:clamp(1.5rem,5.5vw,1.8rem);font-weight:700;line-height:1.1}.intro-card>p{color:var(--ink-soft);line-height:1.5}.controls{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.hud-left{z-index:3;position:absolute;top:16px;left:16px}.island-menu{position:relative}.hud-name{min-height:48px;font:inherit;color:var(--ink);cursor:pointer;border-radius:15px;align-items:center;gap:6px;padding:5px 12px 5px 16px;font-size:1.05rem;line-height:1.2;display:flex}.hud-name strong{letter-spacing:-.01em;font-weight:700}.hud-caret{color:var(--ink-soft);transition:transform .2s}.hud-name[aria-expanded=true] .hud-caret{transform:rotate(180deg)}.island-menu-panel{z-index:2;border-radius:16px;flex-direction:column;gap:4px;width:max-content;max-width:calc(100vw - 24px);padding:8px;animation:.2s ease-out pop-in;display:flex;position:absolute;top:calc(100% + 8px);left:0}.island-menu-item{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.island-menu-item:hover,.island-menu-item:focus-visible{background:#f4a52a33}.credit{color:var(--ink-soft);align-items:center;gap:10px;font-size:.85rem;display:flex}.credit strong{color:var(--ink);font-weight:600}.credit-links{gap:2px;display:flex}.credit-links a{width:30px;height:30px;color:var(--ink);border-radius:8px;place-items:center;transition:background .15s;display:grid}.credit-links a:hover,.credit-links a:focus-visible{background:var(--tint-hover)}.credit-links a:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.credit-corner{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));opacity:.72;border-radius:12px;padding:3px 4px 3px 12px;font-size:.78rem;transition:opacity .2s;position:absolute}.credit-corner:hover,.credit-corner:focus-within{opacity:1}.credit-corner .credit-links a{width:26px;height:26px}.credit-corner .credit-links svg{width:14px;height:14px}.game:has(.monkey-panel) .credit-corner{display:none}.credit-menu{border-top:1px solid #12303a1a;flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;padding:10px 12px 4px}.credit-menu .credit-links{margin-left:-7px}.credit-menu .credit-links a{width:40px;height:40px}.credit-menu .credit-links svg{width:18px;height:18px}.credit-page{border:2px solid var(--ink);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;padding:14px 18px;font-size:1rem}.credit-page .credit-links a{width:40px;height:40px}.credit-page .credit-links svg{width:20px;height:20px}.place-banner{letter-spacing:.01em;color:#fff;text-shadow:0 2px 18px #062d3a8c,0 1px 3px #062d3a80;white-space:nowrap;pointer-events:none;font-size:clamp(1.9rem,6vw,3rem);font-weight:800;animation:2.8s ease-in-out forwards banner;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:16px;right:16px}.places{position:static}.places-panel{z-index:2;border-radius:16px;flex-direction:column;width:min(280px,100vw - 24px);max-height:min(70vh,460px);padding:8px;animation:.2s ease-out pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.places-heading{color:var(--ink-soft);margin:8px 10px 2px;font-size:.78rem;font-weight:600}.places-panel button strong{font-weight:600}.places-panel button{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.places-panel button:hover,.places-panel button:focus-visible{background:#f4a52a33}.places-panel button span{color:var(--ink-soft);white-space:nowrap;font-size:.8rem}.places-regular{align-items:center;gap:4px;display:inline-flex}.minimap{width:124px;height:124px;box-shadow:var(--lift);border:3px solid #ffffffe6;border-radius:50%;overflow:hidden}.minimap-sea{fill:#3cc9d6}.minimap-island{fill:#f4dfae;stroke:#fff;stroke-width:1.2px}.minimap-road{fill:none;stroke:#c29a64;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.minimap-stop{fill:#fff;stroke:var(--ink);stroke-width:.7px}.minimap-target{cursor:pointer}.minimap-hit{fill:#0000}.minimap-dot{fill:var(--mango);stroke:#fff;stroke-width:1px}.minimap-label{text-anchor:middle;fill:var(--ink);pointer-events:none;font-size:5px;font-weight:800}.minimap-me{fill:#e4572e;stroke:#fff;stroke-width:.9px}.curtain{opacity:0;pointer-events:none;background:radial-gradient(#1488bb 0%,#0a6f9f 100%);transition:opacity .4s ease-in-out;position:absolute;inset:0}.curtain.on{opacity:1;transition-duration:.3s}.toast{white-space:nowrap;border-radius:999px;padding:9px 18px;font-weight:500;animation:2.6s ease-in-out forwards toast;position:absolute;top:84px;left:50%;transform:translate(-50%)}.joystick{left:calc(24px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:144px;height:144px;display:grid;position:absolute}.joystick-knob{background:var(--mango);pointer-events:none;border:3px solid #fff;border-radius:50%;width:58px;height:58px;box-shadow:0 4px 12px #062d3a4d}.honk{right:calc(28px + env(safe-area-inset-right));bottom:calc(44px + env(safe-area-inset-bottom));width:64px;height:64px;color:var(--ink);touch-action:none;border-radius:50%;place-items:center;display:grid;position:absolute}@media (width<=600px){.hud-name{min-height:44px;padding:4px 10px 4px 14px;font-size:.95rem}.hud-label{display:none}.hud-left{top:12px;left:12px}.hud-right{top:12px;right:12px}.tool{height:34px}.tool-square{width:34px}.tool:not(.tool-square){padding:0 12px}.toolbar{border-radius:13px;padding:3px}.minimap{width:96px;height:96px}.toolbar .tool-narrow-square{width:34px;padding:0}}@media (pointer:coarse){.tool{height:44px}.tool-square,.toolbar .tool-narrow-square{width:44px}.places-panel button,.island-menu-item,.photo-preset{min-height:44px}.credit-links a,.credit-menu .credit-links a{width:44px;height:44px}}@media (width<=420px){.places-label,.tool-sound{display:none}.toolbar .places .tool{width:44px;padding:0}}@media (width>=421px){.island-menu-sound{display:none}}.game.photo .monkey-ui,.game.photo .vignette{display:none}.photo-ui{pointer-events:none;position:absolute;inset:0}.photo-ui button{pointer-events:auto}.photo-done{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);border:1px solid var(--glass-edge);box-shadow:var(--lift);animation:.3s both fade-in;position:absolute}.photo-bar{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;animation:.3s both fade-in;display:flex;position:absolute;transform:translate(-50%)}.photo-presets{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);border:1px solid var(--glass-edge);box-shadow:var(--lift);border-radius:14px;gap:2px;padding:4px;display:flex}.photo-preset{min-width:64px;height:36px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:.9rem;font-weight:500}.photo-preset:hover{background:var(--tint-hover)}.photo-preset.on{background:var(--mango);font-weight:600}.photo-shutter{cursor:pointer;background:#ffffff59;border:4px solid #fff;border-radius:50%;width:68px;height:68px;transition:transform .1s,background .15s;box-shadow:0 0 0 1px #062d3a40,0 6px 18px #062d3a59}.photo-shutter:hover{background:#ffffff8c}.photo-shutter:active{transform:scale(.94)}.photo-shutter:focus-visible,.photo-preset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.photo-hint{color:#fff;text-shadow:0 1px 6px #04283cb3;white-space:nowrap;font-size:.8rem}.photo-flash{pointer-events:none;background:#fff;animation:.35s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.take{z-index:10;pointer-events:auto;background:#061e2873;place-items:center;padding:16px;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.take-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--glass-edge);width:min(640px,100%);max-height:100%;box-shadow:var(--lift);border-radius:20px;flex-direction:column;gap:14px;padding:14px;animation:.25s ease-out pop-in;display:flex}.take-media{object-fit:contain;background:#0b7daf;border-radius:12px;width:100%;max-height:62vh;display:block}.take-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.take-actions .btn:not(.btn-primary,.btn-quiet){background:#fff}.btn-quiet{box-shadow:none;background:0 0}.btn-quiet:hover:not(:disabled){background:var(--tint-hover)}@media (width<=600px){.photo-preset{min-width:0;padding:0 11px}.photo-done{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}}.simple{background:linear-gradient(#7fd6e8 0%,#cdeff3 45%,#ffe3b3 100%);min-height:100%;padding:48px 16px}.simple-inner{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;display:flex}.simple h1{font-size:clamp(2.2rem,8vw,3.4rem);font-weight:800;line-height:1}.simple-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.85rem;font-weight:600}.simple-lead{font-size:1.15rem;line-height:1.55}.simple .btn{align-self:flex-start;margin-top:8px}.simple h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:.85rem;font-weight:600}.simple-facts{border:2px solid var(--ink);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);flex-direction:column;margin:0;padding:4px 18px;list-style:none;display:flex}.simple-facts li{flex-direction:column;gap:2px;padding:12px 0;line-height:1.45;display:flex}.simple-facts li+li{border-top:1px solid #1f2a2e1f}.simple-facts strong{font-weight:700}.simple-facts span,.simple-note{color:var(--muted)}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0a283247 100%);position:absolute;inset:0}