@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin-variable.woff2) format("woff2");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin-ext-variable.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,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:Noto Sans Thai;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(/fonts/noto-sans-thai-variable.woff2) format("woff2");unicode-range:U+02d7,U+0303,U+0331,U+0e01-0e5b,U+200c-200d,U+25cc}:root{color-scheme:light;--game-font-family: Inter, "Noto Sans Thai", "Leelawadee UI", Tahoma, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: var(--game-font-family);--game-overlay-title-weight: 800;--game-overlay-detail-weight: 600;--game-overlay-action-weight: 650;--ink: #192438;--muted: #596378;--soft: #f5f6fb;--surface: #ffffff;--surface-tint: #edf1f8;--line: #e1e4ee;--line-strong: #bfc8d7;--yellow: #ffe35d;--cyan: #20c9f4;--pink: #ff5bc8;--mint: #28c79b;--coral: #ff704d;--interactive: #066653;--focus-ring: #087e68;--radius-control: 8px;--radius-card: 12px;--content-width: 1120px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--z-sticky: 20;--z-focus: 40;--z-skip: 60;font-family:var(--game-font-family);font-weight:400;line-height:1.5;color:var(--ink);background:var(--soft);font-synthesis:none;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--soft);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button:disabled{cursor:not-allowed}#root{min-height:100vh}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;z-index:var(--z-skip);padding:12px 16px;border-radius:var(--radius-control);color:var(--surface);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--soft)}.top-bar{position:sticky;top:0;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:64px;width:100%;padding:8px max(16px,calc((100% - var(--content-width)) / 2));border-bottom:1px solid var(--line);background:var(--surface)}.brand-mark,.nav-links a,.back-link,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.brand-mark{justify-self:start;min-width:0;min-height:44px;color:var(--ink);font-size:1.125rem;font-weight:800;letter-spacing:-.025em}.brand-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px}.brand-icon svg{width:36px;height:36px}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{min-height:44px;padding:0 12px;border-radius:var(--radius-control);color:var(--muted);font-size:.875rem;font-weight:600}.nav-links a.active{color:var(--interactive);background:#e6f6f1}.site-settings{display:flex;align-items:center;justify-self:end;gap:8px}.site-setting-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:var(--radius-control);color:var(--muted);background:transparent;cursor:pointer;font-size:.875rem;font-weight:600}.site-setting-button[aria-pressed=true]{color:var(--ink)}.language-switch{display:inline-flex;padding:0;border-radius:var(--radius-control);background:var(--soft)}.language-switch__button{min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:var(--radius-control);color:var(--muted);background:transparent;cursor:pointer;font-size:.75rem;font-weight:700}.language-switch__button[aria-pressed=true]{color:var(--interactive);background:#dcefe9}.site-main{flex:1;width:min(var(--content-width),calc(100% - 32px));margin:0 auto;padding:16px 0 48px}.site-main:focus{outline:none}.site-footer{flex:none;border-top:1px solid var(--line);background:var(--surface)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(var(--content-width),calc(100% - 32px));margin:0 auto;padding:24px 0 max(24px,env(safe-area-inset-bottom))}.site-footer__brand{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink);text-decoration:none}.site-footer__brand>span{display:grid;min-width:0}.site-footer__brand strong{font-size:1rem;font-weight:750}.site-footer__brand span span{color:var(--muted);font-size:.875rem}.site-footer__links{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.site-footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;border-radius:var(--radius-control);color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:600}.primary-action,.secondary-action{min-height:44px;border:0;border-radius:var(--radius-control);padding:10px 16px;cursor:pointer;font-weight:700;font-size:.875rem;line-height:1.4;text-align:center;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out}.primary-action{color:var(--ink);background:var(--mint)}.secondary-action{color:var(--ink);background:var(--surface-tint)}.primary-action:disabled,.secondary-action:disabled{color:var(--muted);background:#e8ecf3;cursor:not-allowed}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled){transform:translateY(1px)}.icon-action{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:var(--radius-control);color:var(--muted);background:var(--surface-tint);cursor:pointer}.icon-action:disabled{color:var(--muted);opacity:.7;cursor:not-allowed}.manual-share-text{width:100%;min-height:86px;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:12px;color:var(--ink);background:var(--surface);font-size:1rem}.game-page{display:grid;gap:8px}.game-page__header{display:grid;gap:4px}.back-link{justify-self:start;min-height:44px;padding:0 8px 0 0;color:var(--muted);font-size:.875rem;font-weight:600}.game-page__identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.game-title-block{min-width:0}.game-title-block h1{color:var(--ink);font-size:2rem;line-height:1.25;letter-spacing:-.025em;font-weight:800}.game-facts{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}.game-facts span{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:.875rem}.game-focus-container{display:grid;gap:12px;min-width:0}.game-focus-container:focus{outline:none}.game-page-utilities{display:grid;gap:8px}.game-page-utilities__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.game-page-utilities__actions{display:flex;flex-wrap:wrap;gap:4px}.game-page-utilities__actions .secondary-action{color:var(--muted);background:transparent;padding-inline:12px;font-size:.875rem;font-weight:600}.game-page-utilities__report{min-width:44px}.game-page-utilities__share-feedback{display:grid;gap:8px;max-width:620px}.game-page-utilities__status{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#156650;background:#e6f6f1;border-radius:var(--radius-control);font-size:.875rem}.game-page-utilities__manual-share{width:100%;resize:vertical}.game-focus-container:fullscreen,.game-focus-container--fallback{align-content:start;width:100%;height:100%;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;color:var(--ink);background:var(--soft)}.game-focus-container--fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-focus)}.game-focus-container:is(:fullscreen,.game-focus-container--fallback)>*{width:min(100%,var(--content-width));margin-inline:auto}.game-focus-container:is(:fullscreen,.game-focus-container--fallback) .game-canvas-shell{position:relative;top:auto}.game-runtime-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(280px,1fr);align-items:start;gap:20px}.game-canvas-shell{position:sticky;top:84px;display:grid;place-items:center;width:100%;min-height:min(680px,calc(100vh - 120px));border:2px solid transparent;border-radius:var(--radius-card);padding:12px;background:transparent}.game-canvas-host{width:min(100%,360px);aspect-ratio:390 / 680;overflow:hidden;border:1px solid transparent;border-radius:8px;background:#eef2ff;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.game-canvas-host canvas{display:block;border-radius:8px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y}.game-loading__surface{display:grid;place-items:center;background:#edf1f8}.game-loading__panel{display:grid;justify-items:center;gap:16px;padding:24px;text-align:center;color:var(--muted);font-size:1rem;font-weight:600}.game-loading__pulse{display:block;width:24px;height:24px;border:3px solid #c6e9df;border-top-color:var(--interactive);border-radius:50%;animation:loading-spin .9s linear infinite}.game-loading__support{display:grid;gap:16px;padding:24px 0}.game-loading__support span{display:block;width:100%;height:44px;border-radius:8px;background:#e6eaf2}.game-loading__support span:first-child{width:45%;height:24px}.game-error{display:grid;justify-items:start;align-content:center;gap:16px;min-height:360px;max-width:640px;padding:32px;border-radius:var(--radius-card);background:var(--surface)}.game-error>svg{color:#b43b32}.game-error h2{font-size:1.25rem;line-height:1.4}.game-error p{margin-top:8px;color:var(--muted)}.game-error__actions{display:flex;flex-wrap:wrap;gap:8px}.not-found-page{display:grid;justify-items:start;gap:16px;max-width:680px;margin:32px auto;padding:32px;border-radius:var(--radius-card);background:var(--surface)}.not-found-page__status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}.not-found-page h1{font-size:2.5rem;line-height:1.15;letter-spacing:-.025em}.not-found-page>p{max-width:56ch;color:var(--muted);font-size:1rem;line-height:1.6}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(hover:hover){.nav-links a:hover,.site-setting-button:hover,.language-switch__button:hover,.site-footer__links a:hover,.icon-action:hover:not(:disabled){color:var(--ink);background:var(--surface-tint)}.primary-action:hover:not(:disabled){background:#42d7ac}.secondary-action:hover:not(:disabled){background:#e1e7f0}.back-link:hover{color:var(--interactive)}}@media(max-width:920px){.game-runtime-layout{grid-template-columns:1fr}.game-canvas-shell{position:relative;top:auto;min-height:auto}}@media(max-width:820px){.top-bar{padding-inline:12px}.site-main{width:min(100% - 24px,var(--content-width))}.game-runtime-layout{gap:14px}.site-setting-button__label{display:none}.site-setting-button{width:44px;padding:0}}@media(max-width:680px){.game-page-utilities__report span{display:none}.site-footer__inner{align-items:flex-start;flex-direction:column;gap:12px}.site-footer__links{justify-content:flex-start}}@media(max-width:560px){.top-bar{position:static;display:flex;justify-content:space-between;gap:4px;min-height:60px;padding:8px 10px}.brand-mark{font-size:1rem;gap:4px}.brand-icon,.brand-icon svg{width:30px;height:30px}.brand-icon{flex-basis:30px}.nav-links{gap:0}.nav-links a{width:44px;min-width:44px;padding:0}.nav-links a span{display:none}.site-settings{gap:0;flex:0 0 auto}.site-main{padding-top:8px}.game-title-block h1{font-size:1.5rem}.game-page__identity{gap:4px 12px}.game-page{gap:4px}.game-page-utilities__actions .secondary-action{padding-inline:8px}.game-focus-container{gap:8px}.not-found-page{margin-top:16px;padding:24px}.not-found-page h1{font-size:2rem}}@media(max-width:520px){.game-canvas-shell{padding:6px}.game-page-utilities[data-focused=true] .game-page-utilities__share span{display:none}}@media(max-width:380px){.game-page-utilities__actions .secondary-action{padding-inline:4px;gap:6px}.brand-mark>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.game-challenge{margin:0 0 14px;color:var(--ink);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}