.pc[data-v-91f03511]{display:block;width:100%;height:100%;overflow:visible}.cap[data-v-91f03511]{stroke:var(--cap-edge);stroke-width:1.2}.w .cap[data-v-91f03511]{fill:var(--cap-w)}.b .cap[data-v-91f03511]{fill:var(--cap-b)}.ring[data-v-91f03511]{fill:none;stroke:var(--cap-ring);stroke-width:3.5}.lotus[data-v-91f03511]{fill:var(--lotus)}.logo[data-v-24f9aadb]{display:inline-flex;align-items:center;gap:8px}.mark[data-v-24f9aadb]{width:30px!important;height:30px!important;flex:none}.word[data-v-24f9aadb]{font-family:var(--font-head);font-weight:700;font-size:24px;line-height:1;letter-spacing:-.5px;color:var(--text)}.io[data-v-24f9aadb]{color:var(--brand)}.cap-av[data-v-c5e9d87a]{display:block;width:100%;height:100%;overflow:visible}.edge[data-v-c5e9d87a]{filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.22))}.ring[data-v-c5e9d87a]{fill:none;stroke:var(--av-mark);stroke-width:3;opacity:.9}.mark[data-v-c5e9d87a] .fill{fill:var(--av-mark)}.mark[data-v-c5e9d87a] .line{fill:none;stroke:var(--av-mark);stroke-width:5;stroke-linecap:round}.mark[data-v-c5e9d87a] .cut{fill:none;stroke:currentColor;stroke-width:3;opacity:.25}.scrim[data-v-87dbfba4]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:var(--veil)}.box[data-v-87dbfba4]{width:min(380px,100%);padding:22px 20px 16px;border-radius:20px;box-shadow:var(--elev)}h2[data-v-87dbfba4]{margin:0 0 6px;font-size:20px}p[data-v-87dbfba4]{margin:0 0 12px;font-size:14px}.check[data-v-87dbfba4]{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;cursor:pointer}.check input[data-v-87dbfba4]{width:20px;height:20px;margin:1px 0 0;accent-color:var(--accent);flex:none}.check a[data-v-87dbfba4]{color:var(--text)}.note[data-v-87dbfba4]{margin:8px 0 0;font-size:12px;color:var(--text-muted)}.err[data-v-87dbfba4]{margin:10px 0 0;color:var(--emph)}.row[data-v-87dbfba4]{display:flex;gap:10px;margin-top:16px}.row .btn[data-v-87dbfba4]{flex:1;font-size:14px}.ov[data-v-e1ad0cb3]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:var(--veil);pointer-events:auto;animation:ovfade-e1ad0cb3 .15s ease}.panel[data-v-e1ad0cb3]{outline:none;max-width:100%;max-height:100%;display:flex;flex-direction:column}.ov.sheet[data-v-e1ad0cb3]{place-items:end stretch;padding:0}.ov.sheet .panel[data-v-e1ad0cb3]{width:100%;max-height:85%;animation:ovup-e1ad0cb3 .2s ease}@keyframes ovfade-e1ad0cb3{0%{opacity:0}}@keyframes ovup-e1ad0cb3{0%{transform:translateY(24px);opacity:.6}}@media (prefers-reduced-motion: reduce){.ov[data-v-e1ad0cb3],.ov.sheet .panel[data-v-e1ad0cb3]{animation:none}}.box[data-v-ffa1162f]{width:min(360px,calc(100vw - 32px));padding:22px 20px 16px;border-radius:20px;box-shadow:var(--elev)}h3[data-v-ffa1162f]{margin:0 0 6px;font-size:20px}p[data-v-ffa1162f]{margin:0 0 18px}.row[data-v-ffa1162f]{display:flex;gap:10px;justify-content:flex-end}.row .btn[data-v-ffa1162f]{flex:1}.btn-danger-solid[data-v-ffa1162f]{background:transparent;border:1.5px solid var(--loss);color:var(--loss);font-weight:700}.btn-danger-solid[data-v-ffa1162f]:hover{background:var(--loss-bg)}.shell[data-v-abc2feb4]{position:relative;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100dvh;max-width:var(--frame-w);max-height:var(--frame-h);margin:0 auto;background:var(--bg)}.topbar[data-v-abc2feb4]{flex:none;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-deep)}.signin[data-v-abc2feb4]{min-height:34px;padding:0 14px;font-size:14px}.brand[data-v-abc2feb4]{display:flex;align-items:center;text-decoration:none}.me[data-v-abc2feb4]{display:flex;align-items:center;gap:8px}.rating[data-v-abc2feb4]{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:14px}.rating svg[data-v-abc2feb4]{color:var(--lotus)}.avatar[data-v-abc2feb4]{width:36px;height:36px;display:block}.avatar svg[data-v-abc2feb4]{width:100%;height:100%;display:block}.app-toast[data-v-abc2feb4]{position:absolute;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:90;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border-radius:var(--r-md);background:var(--text);color:var(--bg);font-size:14px;text-align:center;box-shadow:var(--elev)}.overlay-root[data-v-abc2feb4]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.overlay-root[data-v-abc2feb4]:empty{display:none}.away[data-v-abc2feb4]{flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--text);color:var(--bg);text-decoration:none;font-size:14px}.away b[data-v-abc2feb4]{font-family:var(--font-head);font-weight:700}.away .num[data-v-abc2feb4]{font-weight:700}.away .turn[data-v-abc2feb4]{padding:0 8px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}.away .go[data-v-abc2feb4]{margin-left:auto;font-weight:700;text-decoration:underline}.away.over[data-v-abc2feb4]{background:var(--surface-raised);color:var(--text)}.away.pulse[data-v-abc2feb4]{animation:awayPulse-abc2feb4 1.6s ease-in-out infinite}@keyframes awayPulse-abc2feb4{50%{background:#3a3a36}}.searching[data-v-abc2feb4]{flex:none;display:flex;align-items:center;gap:14px;padding:8px 14px;font-size:13px;font-weight:600;background:var(--surface-raised)}.searching span[data-v-abc2feb4]{flex:1}.searching .link[data-v-abc2feb4]{background:none;border:0;padding:0;font:inherit;color:var(--text);text-decoration:underline;cursor:pointer}.main[data-v-abc2feb4]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;container-type:size;container-name:main}.tabbar[data-v-abc2feb4]{flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border-deep);background:var(--surface-deep);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.tab[data-v-abc2feb4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:58px;color:var(--text-muted);text-decoration:none;font-family:var(--font-head);font-size:12px;font-weight:500}.tab svg[data-v-abc2feb4]{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab.on[data-v-abc2feb4]{color:var(--text);font-weight:600}.tab.off[data-v-abc2feb4]{opacity:.4;cursor:not-allowed}.immersive .main[data-v-abc2feb4]{padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 480px){.shell[data-v-abc2feb4]{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 50px #1e1e1c1a}}@media (min-width: 480px) and (min-height: 960px){.shell[data-v-abc2feb4]{margin-top:calc((100dvh - var(--frame-h)) / 2);border:1px solid var(--border);border-radius:24px}}.home[data-v-bdec0090]{display:flex;flex-direction:column;gap:12px;padding:18px 18px 22px}.intro h1[data-v-bdec0090]{margin:0;font-size:28px;font-weight:700;line-height:1.15}.intro p[data-v-bdec0090]{margin:2px 0 0;font-size:14px}.caps[data-v-bdec0090]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.tcap[data-v-bdec0090]{position:relative;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;color:var(--text)}.tcap svg[data-v-bdec0090]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tcap .edge[data-v-bdec0090]{fill:var(--surface);stroke:var(--text);stroke-width:2}.tcap .ring[data-v-bdec0090]{fill:none;stroke:var(--border-strong);stroke-width:1.5}.tcap.on .edge[data-v-bdec0090]{fill:var(--brand);stroke:var(--brand);filter:drop-shadow(0 2px 0 rgba(0,0,0,.22))}.tcap.on .ring[data-v-bdec0090]{stroke:var(--cap-ring);stroke-width:3.5}.tcap.on[data-v-bdec0090]{color:#fff}.tcap[data-v-bdec0090]:focus-visible{outline-offset:-4px;border-radius:50%}.lbl[data-v-bdec0090]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;line-height:1}.lbl b[data-v-bdec0090]{font-size:clamp(26px,9cqw,38px);font-weight:700}.lbl small[data-v-bdec0090]{margin-top:3px;font-size:12px;font-weight:600;opacity:.85}.go[data-v-bdec0090]{width:100%;margin-top:4px}.note[data-v-bdec0090]{margin:-4px 0 0;text-align:center;font-size:12px;color:var(--text-muted)}.scallop[data-v-bdec0090]{width:100%;height:8px;margin:4px 0}.scallop path[data-v-bdec0090]{fill:none;stroke:var(--border-strong);stroke-width:1.5;vector-effect:non-scaling-stroke}.legal[data-v-bdec0090]{margin:4px 0 0;text-align:center;font-size:12px;color:var(--text-muted)}.legal a[data-v-bdec0090]{color:var(--text-muted)}.tiles[data-v-bdec0090]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile[data-v-bdec0090]{aspect-ratio:1 / .72;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;padding:12px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}a.tile[data-v-bdec0090]:hover{border-color:var(--border-strong)}.tile.off[data-v-bdec0090]{opacity:.6}.tile-cap[data-v-bdec0090]{width:34px!important;height:34px!important;margin-bottom:auto}.tile b[data-v-bdec0090]{font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.25}.tile small[data-v-bdec0090]{font-size:12px;color:var(--text-muted);line-height:1.3}.beta[data-v-bdec0090]{display:inline-block;vertical-align:2px;margin-left:2px;padding:0 6px;border-radius:99px;font-size:10px;font-weight:700;line-height:16px;background:var(--lotus);color:var(--text)}.lb-ic[data-v-bdec0090]{fill:var(--surface-raised);stroke:var(--text);stroke-width:1.6}.lb-ic .hi[data-v-bdec0090]{fill:var(--lotus)}.mini[data-v-bdec0090]{width:38px;aspect-ratio:1;margin-bottom:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);border-radius:4px;overflow:hidden}.msq[data-v-bdec0090]{background:var(--sq-light);min-width:0;min-height:0}.msq.d[data-v-bdec0090]{background:var(--sq-dark)}.mp[data-v-bdec0090]{width:100%!important;height:100%!important}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-thai-600-normal-Co7SjXAc.woff2) format("woff2"),url(/assets/anuphan-thai-600-normal-CeOd1Bty.woff) format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-latin-600-normal-C3byZ5Vp.woff2) format("woff2"),url(/assets/anuphan-latin-600-normal-DSdXqWS_.woff) format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-thai-700-normal-rOsLv-jZ.woff2) format("woff2"),url(/assets/anuphan-thai-700-normal-B9xfo8qq.woff) format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-latin-700-normal-WxQNlaBM.woff2) format("woff2"),url(/assets/anuphan-latin-700-normal-D1LjmPNx.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff) format("woff")}:root{--bg: #F3EEE4;--surface: #FBF8F2;--surface-deep: #EFE9DD;--surface-raised: #E8E1CF;--border: #E3DCCD;--border-deep: #E3DCCD;--border-strong: #CFC6B4;--text: #1E1E1C;--text-muted: #6B655B;--veil: rgba(243, 238, 228, .78);--elev: 0 -10px 30px rgba(30, 30, 28, .12);--accent: #C2412D;--accent-hover: #A93824;--on-accent: #FFFFFF;--accent-soft: rgba(194, 65, 45, .1);--select-border: #1E1E1C;--brand: #C2412D;--emph: #A33522;--focus: #1E1E1C;--win: #2A6560;--win-bg: rgba(42, 101, 96, .12);--loss: #A33522;--loss-bg: rgba(194, 65, 45, .12);--draw: #6B655B;--draw-bg: #E8E1CF;--mistake: #9A6A12;--frame: transparent;--frame-pad: 0px;--board-radius: 6px;--sq-light: #E8E1CF;--sq-dark: #2A6560;--sq-num: rgba(232, 225, 207, .45);--hl-last: rgba(243, 238, 228, .8);--hl-select: #F2C14E;--hl-blunder: rgba(194, 65, 45, .55);--target: #F2C14E;--target-halo: rgba(30, 30, 28, .22);--cap-w: #C2412D;--cap-b: #1E1E1C;--cap-ring: #F3EEE4;--cap-edge: rgba(30, 30, 28, .35);--cap-shadow: rgba(0, 0, 0, .28);--lotus: #D9A441;--rv-good: #2A6560;--rv-okay: #8A9A7E;--rv-missed: #E2B44F;--rv-mistake: #A33522;--rv-forced: #8A8378;--rv-glyph: #FFFFFF;--rv-glyph-ink: #1E1E1C;--rv-ring: #F3EEE4;--rv-arrow: #F2C14E;--rv-arrow-edge: rgba(30, 30, 28, .45);--graph-w: #D58C7C;--graph-b: #4A4741;--graph-mid: rgba(243, 238, 228, .55);--av-0: #C2412D;--av-1: #2A6560;--av-2: #1E1E1C;--av-3: #B9862E;--av-4: #34508A;--av-5: #9A5B3C;--av-mark: #F3EEE4;--clock-bg: #E8E1CF;--clock-text: #6B655B;--clock-on-bg: #1E1E1C;--clock-on-text: #FFFFFF;--clock-low-bg: #A33522;--font-head: "Anuphan", "IBM Plex Sans Thai", "Leelawadee UI", Thonburi, system-ui, sans-serif;--font: "IBM Plex Sans Thai", "Leelawadee UI", Thonburi, "Sukhumvit Set", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Anuphan", "IBM Plex Sans Thai", system-ui, sans-serif;--frame-w: 430px;--frame-h: 932px;--backdrop: #E9E3D6;--r-sm: 8px;--r-md: 12px;--r-card: 16px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--backdrop);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-head);font-weight:600;letter-spacing:-.005em;color:var(--text)}button{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:transparent;color:var(--text);font-family:var(--font-head);font-weight:600;font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background-color .12s,border-color .12s,transform .05s}.btn:hover:not(:disabled){background:var(--surface-raised)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--loss);border-color:var(--loss)}.btn-ghost{border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.btn-icon{min-width:44px;padding:0 10px}.btn-icon svg{display:block}.btn-lg{min-height:54px;font-size:17px;border-radius:var(--r-md)}.segtabs{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface)}.segtabs button{min-height:36px;border:0;border-radius:calc(var(--r-md) - 3px);background:none;font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--text-muted);cursor:pointer}.segtabs button:hover:not(.on){background:var(--surface-deep)}.segtabs button.on{background:var(--text);color:var(--bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.muted,.faint{color:var(--text-muted)}.tnum{font-variant-numeric:tabular-nums}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}