@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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.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}html body.opening{background:#a9cfcc}body.opening #tunnel-ui,body:not(.opening) #opening-ui{display:none}#opening-ui{pointer-events:none;color:#1d3b40;text-align:center;place-items:center;font-family:Instrument Serif,serif;display:grid;position:fixed;inset:0;overflow:hidden}#opening-ui .oline{opacity:0;text-shadow:0 0 40px #ffffffe6;grid-area:1/1;align-self:start;max-width:20ch;margin:11vh 16px 0;font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:1}#opening-ui .oline em{color:#2f8f73}#opening-ui #line-then{color:#fff;text-shadow:-3px 0 #ff3b52e6,3px 0 #7dffc4cc;animation:.9s step-end infinite tline-glitch}#opening-ui #line-then em{color:#fff}#opening-hint,#opening-hold{letter-spacing:.25em;text-transform:uppercase;color:#1d3b40;margin:0;font-family:Kanit,sans-serif;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}#opening-hold{visibility:hidden}#opening-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff59;border:1px solid #1d3b4040;border-radius:99px;padding:6px 16px;bottom:40px}#opening-hold{pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid;bottom:max(40px,8vh)}#opening-hold svg{fill:#ffffff40;stroke-width:2px;width:64px;height:64px;transform:rotate(-90deg)}#opening-hold circle{stroke:#1d3b4033}#opening-hold #opening-ring{fill:none;stroke:#2f8f73;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #7dffc4)}#opening-red,#opening-black,#opening-grain{opacity:0;position:absolute;inset:0}#opening-red{background:radial-gradient(#ff3b5240 20%,#ff1432f2 100%)}#opening-black{background:#000}#opening-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;inset:-50%}@media (prefers-reduced-motion:reduce){#opening-ui #line-then,#opening-grain{animation:none}}body.tunnel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000}body.tunnel #webgl{cursor:default}body.tunnel #intro,body:not(.tunnel) #tunnel-ui{display:none}#tunnel-ui{pointer-events:none;color:#effff8;text-align:center;place-items:center;font-family:Instrument Serif,serif;display:grid;position:fixed;inset:0;overflow:hidden}#tunnel-ui .tline{opacity:0;text-shadow:0 0 36px #7dffc473;grid-area:1/1;max-width:16ch;margin:0 16px;font-size:clamp(2.6rem,7vw,6rem);line-height:1}#tunnel-ui .tline em{color:#7dffc4}#tunnel-ui .tline:not(.calm){animation:3.7s step-end infinite tline-glitch}#tunnel-ui .tline:nth-of-type(2){animation-duration:4.3s;animation-delay:-1.9s}#tunnel-ui .tline:nth-of-type(3){animation-duration:3.1s;animation-delay:-.7s}@keyframes tline-glitch{0%,86%{clip-path:inset(0);text-shadow:0 0 36px #7dffc473;translate:0}88%{clip-path:inset(12% 0 48%);text-shadow:-4px 0 #ff3b52e6,4px 0 #7dffc4e6;translate:-7px}90%{clip-path:inset(52% 0 6%);text-shadow:3px 0 #ff3b52e6,-3px 0 #7dffc4e6;translate:6px}92%{clip-path:inset(0);text-shadow:-2px 0 #ff3b52cc,2px 0 #7dffc4cc;translate:-2px}94%,to{clip-path:inset(0);text-shadow:0 0 36px #7dffc473;translate:0}}#alarm{position:absolute;inset:0}#alarm:after{content:"";background:radial-gradient(#0000 40%,#ff1e3c66 100%);animation:1.1s ease-in-out infinite alternate alarm;position:absolute;inset:0}@keyframes alarm{0%{opacity:.5}to{opacity:1}}#tunnel-ui .tline em.error{color:#ff3b52;text-shadow:0 0 36px #ff3b5299;position:relative}#tunnel-ui .tline em.error:before,#tunnel-ui .tline em.error:after{content:attr(data-text);animation:1.6s step-end infinite glitch;position:absolute;top:0;left:0}#tunnel-ui .tline em.error:before{color:#7dffc4;opacity:.6}#tunnel-ui .tline em.error:after{color:#fff;opacity:.5;animation-delay:-.8s}@keyframes glitch{0%{clip-path:inset(0 0 100%);transform:none}8%{clip-path:inset(20% 0 55%);transform:translate(-6px)}12%{clip-path:inset(60% 0 10%);transform:translate(5px)}16%{clip-path:inset(0 0 100%);transform:none}62%{clip-path:inset(40% 0 35%);transform:translate(4px)}66%{clip-path:inset(0 0 100%);transform:none}}#grain{opacity:.07;animation:.9s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-6%)}60%{transform:translate(-3%,8%)}80%{transform:translate(8%,2%)}to{transform:translate(-5%,-3%)}}#tunnel-hint,#portal-hint{letter-spacing:.25em;text-transform:uppercase;color:#7dffc4;margin:0;font-family:Kanit,sans-serif;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}#tunnel-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#7dffc40f;border:1px solid #7dffc44d;border-radius:99px;padding:6px 16px;bottom:40px}#portal-hint{visibility:hidden;pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid;bottom:max(40px,8vh)}#portal-hint svg{fill:none;stroke-width:2px;width:64px;height:64px;transform:rotate(-90deg)}#portal-hint circle{stroke:#7dffc440}#portal-hint #hold-ring{stroke:#7dffc4;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #7dffc4)}#flash{z-index:10;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){#grain,#alarm:after,#tunnel-ui .tline:not(.calm),#tunnel-ui .tline em.error:before,#tunnel-ui .tline em.error:after{animation:none}#tunnel-ui .tline em.error:before,#tunnel-ui .tline em.error:after{display:none}}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/kanit-thai-900-normal-B7Vqv30j.woff2)format("woff2"),url(/assets/kanit-thai-900-normal-BtkFPhJ8.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:900;src:url(/assets/kanit-vietnamese-900-normal-DowLzG_E.woff2)format("woff2"),url(/assets/kanit-vietnamese-900-normal-DLHlf4mS.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:900;src:url(/assets/kanit-latin-ext-900-normal-CZp-acLf.woff2)format("woff2"),url(/assets/kanit-latin-ext-900-normal-BareYKWk.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:900;src:url(/assets/kanit-latin-900-normal-dN0P3GyR.woff2)format("woff2"),url(/assets/kanit-latin-900-normal-DeJbwkCX.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}html,body{color:#0c0c0c;background:#cfe3ea;height:100%;margin:0;font-family:Kanit,sans-serif;overflow:hidden}#webgl{touch-action:none;cursor:grab;width:100%;height:100%;position:fixed;inset:0}#webgl:active{cursor:grabbing}#intro{pointer-events:none;color:#23424a;text-align:center;place-items:center;font-family:Instrument Serif,serif;display:grid;position:fixed;inset:0}#haze{background:#fff;position:absolute;inset:0}#intro .line{opacity:0;text-shadow:0 0 40px #ffffffe6;grid-area:1/1;max-width:22ch;margin:0 16px;font-size:clamp(2.6rem,7vw,6rem);line-height:1}#intro .final{font-size:clamp(3.4rem,10vw,9rem)}#hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.25em;text-transform:uppercase;background:#fff9;border-radius:99px;margin:0;padding:6px 16px;font-family:Kanit,sans-serif;font-size:.75rem;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}body.intro #pins,body.intro #joystick,body.intro #zoom,body.intro .pin{opacity:0;pointer-events:none}#pins,#joystick,#zoom{transition:opacity .8s}#pins{pointer-events:none;position:fixed;inset:0}.pin{pointer-events:auto;cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000040}.pin:after{content:"";background:#0c0c0c;border-radius:50%;position:absolute;inset:9px}.pin span{white-space:nowrap;opacity:0;background:#ffffffe6;border-radius:99px;padding:4px 10px;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.pin:hover span,.pin:focus-visible span{opacity:1}#joystick{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;background:#ffffff59;border-radius:50%;width:96px;height:96px;position:fixed;bottom:24px;left:24px}#knob{background:#0c0c0c;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}#zoom{gap:8px;display:grid;position:fixed;bottom:24px;right:24px}#zoom button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;width:44px;height:44px;font-size:1.4rem}#card{border:0;border-radius:24px;width:min(380px,100vw - 32px);padding:0;overflow:hidden;box-shadow:0 20px 60px #0000004d}#card::backdrop{background:#0003}#card-img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.card-body{text-align:center;padding:20px 24px 24px}#card-category{letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin:0;font-size:.7rem}#card-title{margin:6px 0 8px;font-size:1.5rem;font-weight:900}#card-text{opacity:.7;margin:0 0 20px;line-height:1.4}#card-cta{color:#d7e2ea;background:#0c0c0c;border-radius:99px;padding:14px;text-decoration:none;display:block}#card-cta:empty{display:none}#card form button{cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;width:36px;height:36px;font-size:1.3rem;position:absolute;top:12px;right:12px}