@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:#1f2a2e;--cream:#fff8ec;--coral:#ff5d5d;--mango:#ffb627;--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;background:linear-gradient(#a9cfee 0%,#c6e5ef 25%,#cbe9f1 60%,#d3ece9 100%) fixed}.game canvas{opacity:0;transition:opacity 1s ease-out}.reveal-ready .hud-name,.reveal-ready .hud-right{animation:.6s 1.6s both fade-in}.reveal-ready .intro{animation:.6s 1.4s both fade-in}.reveal-ready .intro-card{animation:.5s cubic-bezier(.2,1.4,.4,1) 1.4s both pop-in}.game.ready canvas{opacity:1}h1,h2,p{margin:0}kbd{border:2px solid var(--ink);text-align:center;background:#fff;border-bottom-width:3px;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{border:2px solid var(--ink);box-shadow:var(--shadow);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.7em 1.3em;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--mango)}.btn-link{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.kbd-inline{margin:0 0 0 .3em;font-size:.7em}.game{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.intro{background:linear-gradient(#0f7fa60d,#0f3c5059);place-items:center;padding:16px;animation:.6s ease-out fade-in;display:grid;position:absolute;inset:0}.intro-card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--cream);width:min(460px,100%);box-shadow:6px 6px 0 var(--ink);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 26px 22px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop-in;display:flex}.intro-card h1{font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800;line-height:1.1}.intro-card>p{color:var(--muted);line-height:1.5}.wave{animation:1.6s ease-in-out infinite bob;display:inline-block}.controls{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.hud-name{border:2px solid var(--ink);background:var(--cream);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:8px 14px;line-height:1.2;display:flex;position:absolute;top:16px;left:16px}.hud-name strong{font-weight:800}.hud-name span{color:var(--muted);font-size:.8rem}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:16px;right:16px}.hud-buttons{gap:8px;display:flex}.chip{border:2px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.chip-primary{background:var(--mango)}.places{position:relative}.places-panel{z-index:2;border:2px solid var(--ink);background:var(--cream);width:240px;max-height:min(70vh,460px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:8px;animation:.2s ease-out pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.places-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 8px 4px;font-size:.7rem;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:#ffb62740}.places-panel button span{color:var(--muted);white-space:nowrap;font-size:.8rem}.chip:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.minimap{border:2px solid var(--ink);width:128px;height:128px;box-shadow:var(--shadow);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:var(--ink);stroke-width:1px}.minimap-label{text-anchor:middle;fill:var(--ink);pointer-events:none;font-size:5px;font-weight:800}.minimap-me{fill:var(--coral);stroke:var(--ink);stroke-width:.8px}.landmark-card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--cream);width:min(420px,100% - 32px);box-shadow:6px 6px 0 var(--ink);flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;animation:.35s cubic-bezier(.2,1.3,.4,1) slide-up;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.landmark-card h2{font-size:1.6rem;font-weight:800;line-height:1.1}.landmark-card>p{color:var(--muted);line-height:1.45}.landmark-card>.btn{margin-top:8px}.card-kicker{letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600;color:var(--coral)!important}.card-hint{margin-top:6px;font-size:.85rem;font-weight:600;color:var(--sea)!important}.toast{border:2px solid var(--ink);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;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;background:#fff8ec66;border:2px solid #1f2a2e8c;border-radius:50%;place-items:center;width:144px;height:144px;display:grid;position:absolute}.joystick-knob{border:2px solid var(--ink);background:var(--mango);width:60px;height:60px;box-shadow:3px 3px 0 var(--ink);pointer-events:none;border-radius:50%}.honk{right:calc(28px + env(safe-area-inset-right));bottom:calc(44px + env(safe-area-inset-bottom));border:2px solid var(--ink);background:var(--cream);width:64px;height:64px;box-shadow:var(--shadow);touch-action:none;border-radius:50%;font-size:1.6rem;position:absolute}@media (pointer:coarse){.landmark-card{bottom:calc(190px + env(safe-area-inset-bottom))}}.chip-short{display:none}@media (width<=600px){.hud-name span{display:none}.hud-name{padding:6px 10px;font-size:.9rem}.chip-long{display:none}.chip-short{display:inline}.hud-buttons{gap:6px}.minimap{width:96px;height:96px}}.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-tagline{color:var(--muted);font-size:1.15rem}.simple-links{flex-direction:column;gap:14px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.simple-links a{border:2px solid var(--ink);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;gap:2px;padding:14px 18px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.simple-links a:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.simple-link-title{font-size:1.25rem;font-weight:700}.simple-link-blurb{color:var(--muted)}.simple .btn{align-self:flex-start}.simple h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:.85rem;font-weight:600}.timeline{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}.timeline li{grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;display:grid}.timeline li+li{border-top:1px solid #1f2a2e1f}.timeline strong{font-weight:700}.timeline-period{color:var(--muted);white-space:nowrap;font-size:.9rem}.timeline-role{color:var(--muted);grid-column:1/-1}@media (width<=480px){.timeline li{grid-template-columns:1fr}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,40px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes bob{50%{transform:translateY(-4px)rotate(-8deg)}}@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}