@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(./kanit-300-latin-Dvhd4GiE.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2212}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(./kanit-300-thai-C7lzstOG.woff2)format("woff2");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-weight:500;font-display:swap;src:url(./kanit-500-latin-CX_4XcKi.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2212}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(./kanit-500-thai-BB8gri04.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{--brand:#2f7ba8;--teal:#357e80;--brand-line:#4db3e4;--brand-text:#3f6da8;--panel:#fff;--panel-edge:#e3e6ea;--ink:#26262a;--ink-soft:#4d4e56;--rule:#c9ced4;--pill:#14171adb;--scrim:#14171a8c;--hazard:#c43c26;--hazard-ink:#8e2717;--face-ui:"Kanit", "IBM Plex Sans Thai", system-ui, sans-serif;--face-quantity:"Kanit", ui-monospace, "Cascadia Mono", monospace;--panel-width:22rem;--guide-height:116px;--step:.75rem}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{color:var(--ink);font-family:var(--face-ui);-webkit-font-smoothing:antialiased;background:#10333f;font-size:15px;font-weight:300;line-height:1.5}#app{height:100%}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--brand-line);outline-offset:2px}.stage{position:fixed;inset:0;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:pan-x pan-y pinch-zoom;width:100%;height:100%;display:block}.leader-layer{pointer-events:none;position:absolute;inset:0}.leader-line{stroke:#ffffffd9;stroke-width:1.25px;fill:none;vector-effect:non-scaling-stroke}.leader-line--drawing{transition:stroke-dashoffset .24s cubic-bezier(.16,1,.3,1)}.chip{padding:10px 45px 14px max(20px, env(safe-area-inset-left));background:linear-gradient(to right, var(--brand), var(--teal));color:#fff;border-radius:0 0 200px;max-width:min(70vw,100vw - 170px,34rem);margin:0;font-size:clamp(19px,2.4vw,28px);font-weight:500;line-height:1.2;position:absolute;top:0;left:0;box-shadow:0 2px 5px #0000001a}.round{background:var(--pill);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;width:48px;height:48px;min-height:48px;padding:0;display:grid;position:absolute;box-shadow:0 2px 5px #0003}.round svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.round--home{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}.round--record{right:max(10px, env(safe-area-inset-right));bottom:calc(var(--guide-height) + 12px)}.round[aria-pressed=true]{background:var(--brand)}.pill-layer{pointer-events:none;position:absolute;inset:0}.pill-layer[hidden]{display:none}.site-pill{pointer-events:auto;background:var(--pill);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;border:0;border-radius:999px;min-height:44px;padding:.35rem 1rem;font-size:clamp(13px,1.3vw,18px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.site-pill:hover,.site-pill[aria-current=true]{background:var(--brand)}.guide{min-height:var(--guide-height);background:var(--panel);padding:1rem 4.5rem calc(1rem + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;gap:.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.guide[data-collapsed=true]{height:14px;min-height:0;padding:0}.guide[data-collapsed=true] .guide-head,.guide[data-collapsed=true] .guide-sub{display:none}.guide-head{color:var(--brand-text);margin:0;font-size:clamp(17px,2vw,25.6px);font-weight:500;line-height:1.25}.guide-sub{color:var(--ink-soft);margin:0;font-size:clamp(14px,1.4vw,19.2px);font-weight:300;line-height:1.25}.guide-sub:empty{display:none}.guide-toggle{width:64px;height:44px;color:var(--brand-line);cursor:pointer;touch-action:manipulation;background:#262626;border:0;border-radius:14px 14px 0 0;place-items:center;display:grid;position:absolute;bottom:100%;left:10px}.guide-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.panel{scrollbar-gutter:stable;overscroll-behavior:contain;top:76px;right:max(12px, env(safe-area-inset-right));width:var(--panel-width);max-height:calc(100% - var(--guide-height) - 100px);-webkit-overflow-scrolling:touch;background:var(--panel);padding:calc(var(--step) * 1.5);gap:var(--step);border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow-y:auto;box-shadow:0 6px 24px #00000038}.panel[hidden]{display:none}.panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:calc(var(--step) * 1.25) 0 0;padding-top:var(--step);border-top:1px solid var(--panel-edge);font-size:12px;font-weight:500}.panel h2:first-of-type{border-top:0;margin-top:0;padding-top:0}.panel p{color:var(--ink);margin:0}.nomenclature{font-style:italic}.quantity{font-family:var(--face-quantity);font-variant-numeric:tabular-nums}.muted{color:var(--ink-soft)}.control{appearance:none;touch-action:manipulation;border:1px solid var(--rule);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px;width:100%;padding:.4rem .7rem}.control[aria-pressed=true],.control[aria-current=step]{background:var(--brand);color:#fff;border-color:var(--brand)}.control:disabled{color:var(--ink-soft);border-color:var(--panel-edge);cursor:not-allowed}#advance{background:var(--brand);border-color:var(--brand);color:#fff;text-align:center;font-weight:500}#advance.control--waiting{background:var(--panel);color:var(--brand-text);border-color:var(--brand-line)}#advance:disabled{background:var(--panel);color:var(--ink-soft);border-color:var(--panel-edge)}.control--hazard{border-color:var(--hazard);color:var(--hazard-ink)}.control--hazard[aria-pressed=true]{background:var(--hazard-ink);color:#fff}.site-list,.step-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.step-list li{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.25rem .4rem;display:flex}.step-list li>span:nth-child(2){flex:8rem;min-width:0}.step-list li[data-state=done]{color:var(--ink-soft)}.step-list li[data-state=current]{color:var(--ink);background:#eef4f9}.step-index{font-family:var(--face-quantity);font-variant-numeric:tabular-nums;color:var(--ink-soft);min-width:2ch}.unresolved{color:var(--ink);font-family:var(--face-quantity);letter-spacing:.02em;border-bottom:1px solid var(--rule);overflow-wrap:anywhere;flex:0 0 100%;width:-moz-fit-content;width:fit-content;margin-left:2.5ch;font-size:11px}.hazard-text{color:var(--hazard-ink)}.load{font-family:var(--face-quantity);font-variant-numeric:tabular-nums;color:#fff;background:var(--scrim);text-align:center;border-radius:999px;max-width:min(90vw,34rem);margin:0;padding:.6rem 1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notice{color:var(--ink);border-left:2px solid var(--brand-line);padding-left:.6rem}.load.notice{color:#fff;border-left-color:var(--brand-line)}.notice:empty{border-left:0;padding-left:0}.result-missed{border-bottom:1px solid var(--rule);font-weight:500}.tip{color:var(--ink-soft);border-left:1px solid var(--rule);padding-left:.6rem;font-size:14px}.tip:empty{border-left:0;padding-left:0}.choice{flex-direction:column;gap:.25rem;display:flex}.choice:empty{display:none}.choice label{align-items:center;gap:.5rem;display:flex}.choice input[type=range]{accent-color:var(--brand);flex:1}.provenance{color:var(--ink-soft);border-top:1px solid var(--panel-edge);padding-top:var(--step);margin-top:auto;font-size:12px}@media (max-width:480px){.lang{top:calc(max(10px, env(safe-area-inset-top)) + 58px)}}@media (max-width:780px){:root{--guide-height:96px}.panel{top:auto;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;bottom:calc(var(--guide-height) + 8px);max-height:52dvh}.round--record{bottom:calc(var(--guide-height) + 12px)}.site-pill{padding:.3rem .7rem;font-size:13px}}@media (max-width:900px) and (orientation:landscape){:root{--guide-height:78px}.panel{top:64px;left:auto;bottom:calc(var(--guide-height) + 8px);width:min(20rem,42%);max-height:none}}@media (min-width:1800px){:root{--panel-width:26rem}}@media (prefers-contrast:more){:root{--ink-soft:#2f3138;--rule:#6b7280;--pill:#101214f5}}@media (forced-colors:active){.control,.site-pill,.round,.guide-toggle{border:1px solid buttonborder}.control[aria-pressed=true],.control[aria-current=step],.site-pill[aria-current=true]{forced-color-adjust:none;color:highlighttext;background:highlight}.chip,.guide,.panel{border:1px solid canvastext}.step-list li[data-state=current]{outline:1px solid highlight}.hazard-text,.unresolved{color:canvastext;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.leader-line--drawing{transition:none}}.lang{top:max(10px, env(safe-area-inset-top));background:var(--pill);color:#fff;border:0;border-radius:999px;width:auto;min-width:0;padding:.55rem 1rem;position:absolute;right:70px;box-shadow:0 2px 5px #0003}