:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0c0e;--s1: #14161a;--s2: #1c1f25;--s3: #262a31;--bd: #2e333b;--bd-strong: #5a616c;--tx: #eceef1;--dim: #9aa3ae;--dim2: #6b7481;--primary: #d8302b;--primary-hover: #e5433d;--primary-press: #b0241f;--primary-soft: rgba(216, 48, 43, .14);--on-primary: #ffffff;--primary-text: #ff6b63;--gold: #e8c24a;--gold-hi: #f3e27a;--gold-deep: #8a6a22;--profit: #4ecb71;--loss: #ff7a70;--warn: #f0a53a;--info: #5b8def;--hero-bg: linear-gradient(150deg, #1a0b0d 0%, #0b0c0e 58%);--hero-tx: #eceef1;--hero-dim: #9aa3ae;--hero-chip: rgba(11, 12, 14, .66);--hero-gold: #e8c24a;--hero-accent-text: #ff6b63;--grad-gold: linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 45%, var(--gold-deep) 100%);--grad-primary: linear-gradient(180deg, var(--primary-hover) 0%, #c22823 100%);--font-sans: "Anuphan", "Noto Sans Thai", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-11: 44px;--r-input: 10px;--r-card: 14px;--r-pill: 999px;--tap: 44px;--shell-max: 1200px;--shell-gutter: 24px}:root[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--s1: #ffffff;--s2: #f7f8fa;--s3: #ffffff;--bd: #e3e6ea;--bd-strong: #878d95;--tx: #12161c;--dim: #5a646f;--dim2: #848d98;--primary: #c42621;--primary-hover: #a81e1a;--primary-press: #8f1915;--primary-soft: rgba(196, 38, 33, .1);--on-primary: #ffffff;--primary-text: #a81e1a;--gold: #8a6812;--gold-hi: #7a5a10;--gold-deep: #5c440c;--profit: #0f7f3b;--loss: #b3231e;--warn: #9a6410;--info: #2a63d8;--grad-primary: linear-gradient(180deg, var(--primary) 0%, var(--primary-hover) 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--tx);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hi)}.m,.money,.odds{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim2);font-weight:600}@media(prefers-reduced-motion:no-preference){.themed-transition{transition:background-color .12s ease,color .12s ease}}.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r-card);padding:var(--sp-6) var(--sp-4)}.card-title{font-size:21px;font-weight:700;margin:0}.card-sub{font-size:12.5px;color:var(--dim);margin:4px 0 var(--sp-6)}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:7px}.hint{font-size:11.5px;color:var(--dim)}.field-error{font-size:12.5px;color:var(--primary-text)}.input{width:100%;min-height:48px;background:var(--s1);border:1px solid var(--bd-strong);border-radius:var(--r-input);padding:0 14px;color:var(--tx);font-family:var(--font-sans);font-size:15px;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input[aria-invalid=true]{border-color:var(--primary)}.btn-primary{width:100%;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--grad-primary);color:var(--on-primary);border:0;border-radius:var(--r-input);font-family:var(--font-sans);font-size:15.5px;font-weight:700;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-secondary{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--s1);border:1px solid var(--bd-strong);border-radius:var(--r-input);color:var(--tx);font-family:var(--font-sans);font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none}.btn-secondary:hover{color:var(--tx)}.btn-quiet{min-height:var(--tap);padding:0 var(--sp-3);background:none;border:1px solid var(--bd);border-radius:var(--r-input);color:var(--tx);font-family:var(--font-sans);font-size:13px;cursor:pointer}.divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-4);color:var(--dim);font-size:11.5px}.divider:before,.divider:after{content:"";flex-grow:1;height:1px;background:var(--bd)}.divider span{border:1px solid var(--bd);border-radius:var(--r-pill);padding:4px 12px}.alert{border:1px solid var(--primary);background:var(--primary-soft);color:var(--tx);border-radius:var(--r-input);padding:var(--sp-3) 14px;font-size:13px}.notice{border-left:2px solid var(--gold);background:var(--s2);border-radius:0 8px 8px 0;padding:var(--sp-3);font-size:12px;color:var(--dim)}.ok-note{border:1px solid var(--profit);border-radius:var(--r-input);padding:var(--sp-3) 14px;font-size:13px;color:var(--tx)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section-title{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;justify-content:space-between}.app-header[data-v-694b44db]{width:100%}.bar[data-v-694b44db]{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 20px var(--sp-4);max-width:960px;margin:0 auto}.nav[data-v-694b44db]{display:none}.avatar[data-v-694b44db]{width:38px;height:38px;border-radius:11px;background:var(--s3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold);flex-shrink:0}.who[data-v-694b44db]{display:flex;flex-direction:column;flex-grow:1;min-width:0}.hello[data-v-694b44db]{font-size:11px;color:var(--dim)}.name[data-v-694b44db]{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand[data-v-694b44db]{display:flex;flex-direction:column;flex-grow:1;min-width:0;white-space:nowrap}.brand-name[data-v-694b44db]{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.brand-sub[data-v-694b44db]{font-size:11px;color:var(--dim2)}.icon-btn[data-v-694b44db]{position:relative;width:var(--tap);height:var(--tap);border-radius:10px;background:var(--s1);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--dim);cursor:pointer;flex-shrink:0}.icon-btn.key[data-v-694b44db]{color:var(--gold);border-color:var(--gold-deep)}.badge[data-v-694b44db]{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.signin[data-v-694b44db]{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.signin.join[data-v-694b44db]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}@media(min-width:1024px){.app-header[data-v-694b44db]{background:var(--s1);border-bottom:1px solid var(--bd);margin-bottom:var(--sp-6)}.bar[data-v-694b44db]{max-width:var(--shell-max);padding:var(--sp-3) var(--shell-gutter);gap:var(--sp-4)}.avatar[data-v-694b44db]{border:1px solid var(--bd)}.who[data-v-694b44db],.brand[data-v-694b44db]{flex-grow:0;max-width:220px}.nav[data-v-694b44db]{display:flex;align-items:center;gap:var(--sp-1);flex-grow:1;margin-left:var(--sp-6)}.nav-link[data-v-694b44db]{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--r-input);color:var(--dim);font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}.nav-link[data-v-694b44db]:hover{color:var(--tx);background:var(--s2)}.nav-link.on[data-v-694b44db]{color:var(--gold);background:var(--s2);box-shadow:inset 0 -2px 0 var(--gold)}}.terms-wrap[data-v-0950fcd5]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--hero-chip);display:flex;align-items:flex-end;justify-content:center}.terms[data-v-0950fcd5]{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;gap:var(--sp-3);background:var(--s1);border-top:1px solid var(--bd);border-radius:18px 18px 0 0;padding:var(--sp-4) var(--sp-4) 26px}.terms-title[data-v-0950fcd5]{font-size:17px;font-weight:700;margin:0}.terms-sub[data-v-0950fcd5]{font-size:12px;color:var(--dim);margin:0}.terms-text[data-v-0950fcd5]{flex:1;min-height:120px;overflow-y:auto;white-space:pre-wrap;font-size:13.5px;line-height:1.6;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-input);padding:var(--sp-3) 14px}.terms-actions[data-v-0950fcd5]{display:flex;gap:10px}.terms-actions[data-v-0950fcd5]>*{flex:1}.terms-actions .btn-primary[data-v-0950fcd5]{flex:1.4}@media(min-width:768px){.terms-wrap[data-v-0950fcd5]{align-items:center}.terms[data-v-0950fcd5]{border:1px solid var(--bd);border-radius:18px;padding:var(--sp-6)}}.app-main{width:100%;max-width:var(--shell-max);margin:0 auto}@media(min-width:1024px){.app-main{padding:0 var(--shell-gutter)}}.shell-back{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);margin:var(--sp-2) 12px 0;padding:0 8px;border:0;border-radius:var(--r-input);background:none;color:var(--dim);font-family:var(--font-sans);font-size:14px;cursor:pointer}.shell-back:hover{color:var(--tx);background:var(--s1)}@media(min-width:1024px){.shell-back{margin-left:-8px}}.shell-banner{margin:0 20px var(--sp-3);padding:10px 14px;border:1px solid var(--bd);border-left:3px solid var(--gold);border-radius:var(--r-input);background:var(--s1);color:var(--tx);font-size:13px;line-height:1.5;white-space:pre-line}.shell-banner.warn{border-left-color:var(--primary);background:var(--primary-soft)}@media(min-width:1024px){.shell-banner{margin:0 0 var(--sp-4)}}