:root{--board-bg:#07131a;--board-panel:#0d1f28;--board-line:#1d3440;--board-text:#f1f5f9;--board-muted:#8aa3b0;--board-accent:#2dd4bf;--board-up:#10b98173;--board-down:#f43f5e73;--board-stale:#fbbf24;--board-buy:#86efac;--board-sell:#fde047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body.board-body{background:var(--board-bg);height:100%;color:var(--board-text);margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Noto Sans Thai,Noto Sans Devanagari,sans-serif;overflow:hidden}.board{flex-direction:column;gap:clamp(8px,1.2vw,24px);height:100vh;padding:clamp(12px,2vw,40px);display:flex}.board-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.board-title{text-align:center}.board-title-text{letter-spacing:.02em;color:var(--board-accent);font-size:clamp(18px,3vh,90px);font-weight:800}.board-banner{width:100%;aspect-ratio:var(--banner-aspect,4);flex:none;justify-content:center;max-height:20vh;display:flex}.board-banner img{object-fit:contain;border-radius:16px;width:100%;height:100%;display:block}.board-brand{align-items:center;gap:clamp(8px,1vw,20px);min-width:0;display:flex}.board-logo{width:auto;height:clamp(32px,5vh,72px)}.board-shop{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,3.2vh,48px);font-weight:700;overflow:hidden}.board-clock{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.board-clock-time{font-size:clamp(22px,4vh,56px);font-weight:700}.board-clock-date{color:var(--board-muted);font-variant-numeric:tabular-nums;font-size:clamp(12px,1.8vh,24px)}.board-table{background:var(--board-panel);border-radius:16px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.board-rows{grid-template-rows:repeat(var(--rows,12), minmax(0, 1fr));--row:calc(100cqh / var(--rows,12));flex:1;min-height:0;display:grid;overflow:hidden;container-type:size}.board-row{border-bottom:1px solid var(--board-line);grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0;display:grid}.board-rows .board-row:nth-child(odd){background:#ffffff09}.board-head{color:var(--board-accent);text-transform:uppercase;letter-spacing:.04em;background:#0a2a33;font-size:clamp(14px,1.9vh,54px);font-weight:700}.board-cell{padding:clamp(6px,1vh,16px) clamp(10px,1.6vw,32px)}.board-rows .board-cell{padding-top:0;padding-bottom:0}.board-currency{align-items:center;gap:clamp(10px,1.2vw,24px);min-width:0;display:flex}.board-flag{width:clamp(24px, calc(var(--row,48px) * .6), 170px);aspect-ratio:4/3;object-fit:cover;border-radius:4px;flex:none;display:inline-block}.board-currency-text{align-items:baseline;gap:.5em;min-width:0;display:flex}.board-code{font-size:clamp(12px, calc(var(--row,48px) * .42), 120px);font-weight:700;line-height:1.1}.board-tier{color:var(--board-accent);margin-left:.6em;font-size:.55em;font-weight:600}.board-name{font-size:clamp(9px, calc(var(--row,48px) * .2), 48px);color:var(--board-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.board-rate{text-align:right;font-size:clamp(13px, calc(var(--row,48px) * .5), 150px);font-variant-numeric:tabular-nums;border-radius:8px;font-weight:700;transition:background-color 1.5s ease-out}.board-head .board-rate{font-size:inherit}.board-rows .board-buy{color:var(--board-buy)}.board-rows .board-sell{color:var(--board-sell)}.board-featured{flex:2.8}.board-featured .board-code{font-size:clamp(14px, calc(var(--row,48px) * .56), 150px)}.board-featured .board-rate{font-size:clamp(14px, calc(var(--row,48px) * .68), 180px)}.board-featured .board-name{font-size:clamp(10px, calc(var(--row,48px) * .22), 52px)}.board-featured .board-flag{width:clamp(26px, calc(var(--row,48px) * .66), 190px)}.board-featured .board-head .board-rate{font-size:inherit}.board-others,.board-others.is-alone{flex:1}.board-others .board-code{font-size:clamp(11px, calc(var(--row,32px) * .46), 64px);font-weight:600}.board-others .board-name{display:none}.board-others .board-rate{font-size:clamp(11px, calc(var(--row,32px) * .5), 72px);font-weight:600}.board-others .board-flag{width:clamp(16px, calc(var(--row,32px) * .5), 80px);aspect-ratio:1;border-radius:50%}.board-others .board-head{display:none}.board-stream{--row:calc(100cqh / var(--stream-lines,3));--card:clamp(240px, 25vw, 680px);flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.board-stream-track{grid-template-rows:repeat(var(--stream-lines,3), minmax(0, 1fr));grid-auto-flow:column;grid-auto-columns:var(--card);flex:none;min-width:0;display:grid}.board-stream.is-moving .board-stream-track{animation:board-stream-x var(--loop-seconds,60s) linear infinite}.board-stream.is-portrait{--row:clamp(34px, 7vh, 150px);--card:100vw;flex-direction:column}.board-stream.is-portrait .board-stream-track{grid-template-rows:none;grid-template-columns:repeat(var(--stream-lines,2), minmax(0, 1fr));grid-auto-flow:row;grid-auto-rows:var(--row);width:100%}.board-stream.is-portrait.is-moving .board-stream-track{animation-name:board-stream-y}@keyframes board-stream-x{to{transform:translateX(calc(-1 * var(--loop,0px)))}}@keyframes board-stream-y{to{transform:translateY(calc(-1 * var(--loop,0px)))}}.board-stream .board-row{border-bottom:1px solid var(--board-line);border-left:1px solid var(--board-line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);padding-right:clamp(4px,.6vw,14px)}.board-stream .board-code{font-size:min(calc(var(--row,48px) * .36), calc(var(--card,320px) * .125))}.board-stream .board-rate{font-size:min(calc(var(--row,48px) * .38), calc(var(--card,320px) * .13))}.board-stream .board-flag{width:min(calc(var(--row,48px) * .42), calc(var(--card,320px) * .11))}.board-stream .board-tier{text-overflow:ellipsis;margin-left:0;font-size:.42em;line-height:1.1;display:block;overflow:hidden}.board-stream .board-currency,.board-stream .board-currency-text,.board-stream .board-code{min-width:0;overflow:hidden}.board-stream .board-currency-text{display:block}.board-stream .board-cell{padding-left:clamp(6px,.8vw,16px);padding-right:clamp(6px,.8vw,16px)}@media (width<=560px){.board-name{display:none}}.board-code{white-space:nowrap;flex:none}.board.is-portrait .board-header{grid-template-columns:minmax(0,1fr) auto}.board.is-portrait .board-title{text-align:left;grid-area:2/1/auto/-1}.board.is-portrait .board-banner{max-height:26vh}.board.is-portrait .board-featured{flex:2.6}.board.is-portrait .board-others{flex:1}.board.is-portrait .board-row{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr)}.board-rate.is-up{background-color:var(--board-up);transition:none}.board-rate.is-down{background-color:var(--board-down);transition:none}.board-notice{text-align:center;background:var(--board-panel);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.board-notice-title{font-size:clamp(24px,5vh,72px);font-weight:700}.board-notice-body{color:var(--board-muted);margin-top:12px;font-size:clamp(14px,2.4vh,32px)}.board-footer{color:var(--board-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(12px,1.8vh,24px);display:flex}.board-status.is-stale{color:var(--board-stale)}.board-ticker{white-space:nowrap;border-top:1px solid var(--board-line);padding-top:8px;font-size:clamp(14px,2.2vh,30px);overflow:hidden}.board-ticker-track{padding-left:100%;animation:30s linear infinite board-ticker;display:inline-block}@keyframes board-ticker{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.board-ticker-track{padding-left:0;animation:none}.board-stream.is-moving .board-stream-track{animation:none}}