:root{--gold-1:#F5C04A;--gold-2:#E8A317;--gold-3:#C8860B;--pill-ink:#3A2A05;--bg:#F6F1E7;--surface:#FFFFFF;--surface-2:#FFFBF2;--ink:#1B1813;--ink-2:#5D564B;--ink-3:#918878;--line:#EAE0CE;--up:#0E9F6E;--up-bg:#E9F7F0;--up-soft:rgba(14,159,110,.25);--down:#D2402A;--down-bg:#FDEEEA;--down-soft:rgba(210,64,42,.25);--shadow:0 2px 4px rgba(60,45,15,.06),0 18px 40px -22px rgba(60,45,15,.35)}.bd.dark{--bg:#0D0B08;--surface:#191510;--surface-2:#1F1A13;--ink:#F8F3E7;--ink-2:#C4BAA6;--ink-3:#8D8474;--line:#332B1E;--up:#3FD79E;--up-bg:#0E2C22;--up-soft:rgba(63,215,158,.28);--down:#F5836A;--down-bg:#331610;--down-soft:rgba(245,131,106,.28);--shadow:0 2px 6px rgba(0,0,0,.5),0 20px 50px -24px rgba(0,0,0,.9)}body,html{margin:0;height:100%;overflow:hidden}.bd{background:var(--bg);color:var(--ink);font-family:Sarabun,TH Sarabun New,system-ui,sans-serif;display:flex;flex-direction:column;height:100vh;padding:1.4vmin 1.8vmin;gap:1.2vmin}.bd,.bd *{box-sizing:border-box}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.015em}.hd{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2vmin;gap:1.2vmin;flex:0 0 auto}.hcell{background:var(--surface);border:1px solid var(--line);border-radius:1.6vmin;box-shadow:var(--shadow);padding:1vmin 1.6vmin;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.hd img{width:100%;max-width:46vmin;height:auto;display:block}.livechip{display:flex;align-items:center;gap:1.2vmin;font-size:2.5vmin;font-weight:700;color:var(--ink-2)}.dot{width:1.5vmin;height:1.5vmin;border-radius:50%;background:#22C55E;animation:blip 1.6s ease-in-out infinite;flex:0 0 auto}@keyframes blip{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.45)}50%{opacity:.4;box-shadow:0 0 0 1vmin rgba(34,197,94,0)}}.clock{text-align:center;line-height:1.05}.clock .t{font-size:5.6vmin;font-weight:700}.clock .d{font-size:1.9vmin;color:var(--ink-3);font-weight:500;margin-top:.3vmin}.bd-theme{position:absolute;right:1vmin;top:1vmin;font-size:1.3vmin;color:var(--ink-3);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:.3vmin 1vmin}.row{display:grid;grid-gap:1.2vmin;gap:1.2vmin;flex:0 0 auto}.r-main{grid-template-columns:repeat(3,1fr);flex:1 1 auto}.r-sub{grid-template-columns:2fr 3fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:2vmin;box-shadow:var(--shadow);padding:1.4vmin;display:flex;flex-direction:column;gap:1.1vmin;min-height:0}.pill{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));color:var(--pill-ink);border-radius:1.3vmin;padding:1vmin;text-align:center;font-weight:700;font-size:2.25vmin;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.pill small{display:block;font-size:1.5vmin;font-weight:600;opacity:.8}.pill.sm{font-size:2.2vmin;padding:.9vmin;line-height:1.25}.pill.sm small{font-size:1.5vmin;margin-top:.25vmin;opacity:.85}.r-main .panel>.pill{flex:2 1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3.7vmin;line-height:1.2;padding:1.2vmin}.r-main .panel>.pill small{font-size:2.15vmin;margin-top:.7vmin;opacity:.85}.val{flex:1 1;border-radius:1.3vmin;border:.35vmin solid transparent;padding:1.2vmin;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4vmin;background:var(--surface-2)}.val .lab{font-size:1.9vmin;font-weight:600;color:var(--ink-3)}.val .n{font-size:9vmin;font-weight:700;line-height:1}.val .u{font-size:1.6vmin;font-weight:500}.val .dl,.val .u{color:var(--ink-3)}.val .dl{font-size:2.1vmin;font-weight:700;border-radius:99px;padding:.35vmin 1.6vmin;margin-top:.5vmin;background:rgba(128,128,128,.14)}.r-main .val{flex:3 1}.r-main .val .lab{font-size:2.3vmin}.r-main .val .n{font-size:11vmin}.r-main .val .u{font-size:1.95vmin}.r-main .val .dl{font-size:2.2vmin;padding:.45vmin 1.8vmin;margin-top:.7vmin}.val.up{background:var(--up-bg);animation:pu 1.7s ease-in-out infinite}.val.down{background:var(--down-bg);animation:pd 1.7s ease-in-out infinite}.val.up .lab,.val.up .n{color:var(--up)}.val.down .lab,.val.down .n{color:var(--down)}.val.up .dl{color:var(--up);background:var(--up-soft)}.val.down .dl{color:var(--down);background:var(--down-soft)}@keyframes pu{0%,to{box-shadow:0 0 0 0 var(--up-soft)}50%{box-shadow:0 0 0 1.4vmin var(--up-soft)}}@keyframes pd{0%,to{box-shadow:0 0 0 0 var(--down-soft)}50%{box-shadow:0 0 0 1.4vmin var(--down-soft)}}@media(prefers-reduced-motion:reduce){.val.down,.val.up{animation:none}}.mini{display:grid;grid-gap:.9vmin;gap:.9vmin;min-height:0}.mini.c2{grid-template-columns:1fr 1fr}.mini.c3{grid-template-columns:repeat(3,1fr)}.mcol{display:flex;flex-direction:column;gap:.7vmin;min-height:0}.val.s .n{font-size:5.4vmin}.val.s .lab{font-size:1.75vmin}.val.s .u{font-size:1.4vmin}.val.s .dl{font-size:1.7vmin;padding:.3vmin 1.4vmin;margin-top:.35vmin}.silver{--gold-1:#E3E9EF;--gold-2:#BAC6D2;--gold-3:#64748B;--pill-ink:#243140}.bd.dark .silver{--gold-1:#93A2B2;--gold-2:#5F6E7E;--pill-ink:#101820}.cap{text-align:center;font-size:1.65vmin;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.cap,.foot{color:var(--ink-3)}.foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:2vmin;font-size:1.4vmin;padding:0 .6vmin}.foot b{color:var(--gold-3)}.hcell.brand{border:none;padding:.4vmin 1vmin}.bd.dark .hcell.brand img{filter:brightness(1.45) contrast(1.05)}.mcol{border:1px solid var(--line);border-radius:1.4vmin;padding:.8vmin;background:var(--surface-2)}.r-main .panel{border-width:2px}.ticker{flex:0 0 auto;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:1.4vmin;padding:.8vmin 0}.tk{display:flex;width:max-content;white-space:nowrap;animation:tkmove 34s linear infinite}.tk>span{padding-right:8vmin;font-size:2.1vmin;font-weight:600;color:var(--ink-2)}.tk b{color:var(--gold-3);animation:blinktxt 1.1s step-end infinite}@keyframes tkmove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes blinktxt{0%,to{opacity:1}50%{opacity:.2}}.ticker:hover .tk{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.tk,.tk b{animation:none}}@media (max-width:900px),(orientation:portrait){body,html{overflow:auto;height:auto}.bd{height:auto;min-height:100vh;padding:3vw;gap:2.6vw}.hd{grid-template-columns:1fr 1fr;gap:2.4vw}.hcell{border-radius:3vw;padding:2vw}.hcell.brand{grid-column:1/-1;padding:1vw}.hd img{max-width:66vw;margin:0 auto}.livechip{font-size:3.3vw;gap:2vw}.dot{width:2.4vw;height:2.4vw}.clock .t{font-size:7.4vw}.clock .d{font-size:2.7vw}.bd-theme{font-size:2.4vw;right:2vw;top:2vw;padding:.6vw 2vw}.row{gap:2.6vw}.r-main,.r-sub{grid-template-columns:1fr}.panel{border-radius:3.6vw;padding:2.6vw;gap:2.2vw}.pill{border-radius:2.6vw}.r-main .panel>.pill{font-size:5.6vw;padding:3vw;flex:0 0 auto}.r-main .panel>.pill small{font-size:3.3vw;margin-top:1vw}.val{border-radius:2.6vw;border-width:1.2vw;padding:3vw}.r-main .val,.val{flex:0 0 auto}.r-main .val .lab{font-size:3.6vw}.r-main .val .n{font-size:15vw}.r-main .val .u{font-size:3.2vw}.r-main .val .dl{font-size:3.4vw;padding:1vw 4vw;margin-top:1.6vw}.mcol{border-radius:2.8vw;padding:2vw;gap:1.6vw}.pill.sm{font-size:3.7vw;padding:2vw}.pill.sm small{font-size:2.7vw}.val.s .n{font-size:9vw}.val.s .lab{font-size:3vw}.val.s .u{font-size:2.6vw}.val.s .dl{padding:.8vw 3vw}.cap,.val.s .dl{font-size:2.9vw}.mini.c2{grid-template-columns:1fr 1fr}.mini.c3{grid-template-columns:1fr}.ticker{border-radius:2.6vw;padding:2vw 0}.tk>span{font-size:3.4vw;padding-right:14vw}@keyframes pu{0%,to{box-shadow:0 0 0 0 var(--up-soft)}50%{box-shadow:0 0 0 2.5vw var(--up-soft)}}@keyframes pd{0%,to{box-shadow:0 0 0 0 var(--down-soft)}50%{box-shadow:0 0 0 2.5vw var(--down-soft)}}}@media (max-width:900px),(orientation:portrait){.bd{padding:2.6vw;gap:2.2vw}.hcell{padding:1.6vw 2vw}.hcell.brand{padding:.5vw}.hd img{max-width:74vw}.livechip{font-size:2.9vw;gap:1.6vw;text-align:center;line-height:1.25}.dot{width:2vw;height:2vw}.hcell:last-child{flex-direction:column;gap:.6vw}.bd-theme{position:static;font-size:2.4vw;padding:.5vw 2.4vw}.clock .t{font-size:8vw}.clock .d{font-size:2.6vw}.panel{padding:2.2vw;gap:1.8vw}.r-main .panel>.pill{font-size:5vw;padding:2.4vw}.r-main .panel>.pill small{font-size:3vw;margin-top:.6vw}.r-main .val{padding:2.4vw;border-width:.9vw}.r-main .val .lab{font-size:3.2vw}.r-main .val .n{font-size:13vw}.r-main .val .u{font-size:2.9vw}.r-main .val .dl{font-size:3vw;padding:.8vw 3.4vw;margin-top:1vw}.mini.c3{grid-template-columns:1fr 1fr}.mini.c3 .mcol:last-child{grid-column:1/-1}}.hcell.brand img{width:100%;max-width:46vmin;height:auto;display:block;margin:0 auto}:root{--edge:rgba(200,134,11,.55);--edge-s:rgba(100,116,139,.6)}.bd.dark{--edge:rgba(245,192,74,.6);--edge-s:rgba(147,162,178,.65)}.hcell,.hcell.brand{border:.3vmin solid var(--edge)}.hcell.brand{background:transparent;box-shadow:none}.panel{border:.3vmin solid var(--edge)}.panel.silver{border-color:var(--edge-s)}.pill{border:.3vmin solid var(--gold-3)}.silver .pill{border-color:#6E7F91}.bd.dark .silver .pill{border-color:#B7C4D1}.val{border-color:var(--edge)}.silver .val{border-color:var(--edge-s)}.mcol{border:.25vmin solid var(--edge)}.silver .mcol{border-color:var(--edge-s)}.ticker{border:.3vmin solid var(--edge)}.val.up{border-color:var(--up)}.val.down{border-color:var(--down)}@media (max-width:900px),(orientation:portrait){.hcell,.hcell.brand,.panel,.ticker{border-width:.7vw}.pill{border-width:.6vw}.val{border-width:.9vw}.mcol{border-width:.5vw}}.hcell.brand{box-shadow:var(--shadow);padding:1vmin 1.6vmin}.bd.dark .hcell.brand,.hcell.brand{background:var(--surface)}.bd.dark .hcell.brand img,.hcell.brand img{filter:none}