.bn-stage,.bn-menu{flex-direction:column;flex:auto;min-height:0;display:flex}.bn-board{flex-direction:column;flex:auto;width:100%;max-width:820px;min-height:0;margin:0 auto;padding:20px 16px 18px;display:flex;overflow-y:auto}.bn-board>:first-child{margin-top:auto}.bn-board>:last-child{margin-bottom:auto}@media (max-width:1023px){.bn-board{max-width:620px}}@media (max-width:767px){.bn-board{max-width:358px;padding:14px 12px}}.bn-ask{flex-direction:column;align-items:center;gap:12px;display:flex}.bn-question{letter-spacing:.14em;text-transform:uppercase;color:var(--ts-ink-3);text-align:center;font-size:10px;font-weight:800}.bn-thai{font-family:var(--font-noto-serif-thai), "Noto Serif Thai", serif}.bn-subject{color:var(--ts-ink);text-align:center;font-size:74px;line-height:1.1}.bn-subject[data-verdict=right]{color:var(--m-progress)}.bn-subject[data-verdict=wrong]{color:var(--m-review)}@media (max-width:767px){.bn-subject{font-size:54px}}.bn-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.bn-options[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:767px){.bn-options[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.bn-option{border:1px solid var(--ts-hair);border-radius:var(--ts-r-chip);background:var(--ts-panel);min-width:0;height:56px;font:inherit;color:var(--ts-ink);cursor:pointer;transition:border-color var(--ts-dur-hover) ease, transform var(--ts-dur-hover) ease;padding:0 8px;font-size:14px;font-weight:800;position:relative}.dark .bn-option{background:#ffffff0d}.bn-option:hover:not(:disabled),.bn-option:focus-visible{border-color:var(--module);transform:translateY(-2px)}.bn-option[data-cls=mid]{background:var(--ts-cls-mid-bg);color:var(--ts-cls-mid-fg)}.bn-option[data-cls=high]{background:var(--ts-cls-high-bg);color:var(--ts-cls-high-fg)}.bn-option[data-cls=low]{background:var(--ts-cls-low-bg);color:var(--ts-cls-low-fg)}.bn-option[data-verdict=right]{border-color:var(--m-progress);border-width:2px}.bn-option[data-verdict=wrong]{border-color:var(--m-review);border-width:2px}.bn-option-key{color:var(--ts-ink-4);font-size:10px;font-weight:800;display:block;position:absolute;top:6px;left:8px}.bn-input{border:1px solid var(--ts-hair);border-radius:var(--ts-r-chip);background:var(--ts-panel);width:100%;max-width:280px;height:52px;font:inherit;text-align:center;color:var(--ts-ink);padding:0 14px;font-size:20px;font-weight:700}.dark .bn-input{background:#ffffff0f}.bn-verdict{min-height:20px;color:var(--ts-ink-2);text-align:center;font-size:13px;font-weight:700}.bn-explain{border:1px solid var(--ts-hair);border-radius:var(--ts-r-card);background:var(--ts-panel-3);width:100%;color:var(--ts-ink-2);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.bn-explain-shape{color:var(--module-text,var(--module));font-size:22px}.bn-explain-said{justify-content:center;align-items:center;gap:10px;display:flex}.bn-explain-said .bn-thai{color:var(--ts-ink);font-size:30px;line-height:1.3}.bn-play{vertical-align:middle;width:22px;height:20px;color:var(--module-text,var(--module));cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:6px;padding:0;font-size:14px;line-height:1;transition:background-color .14s;display:inline-flex;position:relative}.bn-play:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bn-play:hover,.bn-play:focus-visible,.bn-play[data-playing=true]{background:var(--ts-panel-3)}@media (prefers-reduced-motion:reduce){.bn-play{transition:none}}.bn-grid{grid-template-columns:repeat(var(--bn-cols,4), minmax(0, 1fr));gap:8px;display:grid}.bn-card{border:1px solid var(--ts-hair);border-radius:var(--ts-r-chip);background:color-mix(in srgb, var(--module) 14%, transparent);min-width:0;height:64px;font:inherit;color:var(--ts-ink);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.bn-card[data-state=up]{background:var(--ts-panel);border-color:var(--module)}.bn-card[data-state=matched]{background:color-mix(in srgb, var(--m-progress) 14%, transparent);border-color:color-mix(in srgb, var(--m-progress) 55%, transparent);cursor:default}.bn-card[data-state=matched]:not(:disabled){cursor:pointer}.bn-card-face{font-size:20px;font-weight:700;line-height:1;display:block}.bn-card-face.bn-thai{font-size:26px;font-weight:400}@media (max-width:767px){.bn-card{height:52px}.bn-card-face{font-size:17px}.bn-card-face.bn-thai{font-size:22px}}.bn-record{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px 0;display:flex}.bn-record-title{font-family:var(--font-chonburi), Chonburi, Georgia, serif;font-size:25px}.bn-record-stats{flex-wrap:wrap;justify-content:center;gap:26px;display:flex}.bn-record-stat{flex-direction:column;display:flex}.bn-record-value{color:var(--module-text,var(--module));font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;display:block}.bn-record-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ts-ink-3);font-size:10px;font-weight:800;display:block}.bn-bench{border-top:3px solid var(--ts-hair);background:var(--ts-panel-2);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:88px;display:grid}.dark .bn-bench{background:#ffffff0a}.bn-panel{border-left:1px solid var(--ts-hair-2);flex-direction:column;gap:3px;min-width:0;padding:8px 10px;display:flex}.bn-panel:first-child{border-left:none}.bn-panel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ts-ink-3);align-items:baseline;gap:5px;font-size:9.5px;font-weight:800;display:flex}.bn-panel[data-cls=mid] .bn-panel-label{color:var(--ts-cls-mid-fg)}.bn-panel[data-cls=high] .bn-panel-label{color:var(--ts-cls-high-fg)}.bn-panel[data-cls=low] .bn-panel-label{color:var(--ts-cls-low-fg)}.bn-panel-count{letter-spacing:0;color:var(--ts-ink-4);font-size:11px}.bn-roster{flex-wrap:wrap;align-items:center;gap:2px 5px;min-width:0;display:flex}.bn-glyph{font-family:var(--font-noto-serif-thai), "Noto Serif Thai", serif;color:var(--ts-ink);flex:none;font-size:16px;line-height:1.25;display:block}.bn-glyph-play{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;transition:box-shadow .14s}.bn-glyph-play:hover,.bn-glyph-play:focus-visible,.bn-glyph-play[data-playing=true]{box-shadow:0 0 0 3px var(--ts-panel-3)}@media (prefers-reduced-motion:reduce){.bn-glyph-play{transition:none}}.bn-glyph[data-out="1"],.bn-mark[data-out="1"]{opacity:.24}.bn-panel[data-cls=mid] .bn-glyph{color:var(--ts-cls-mid-fg)}.bn-panel[data-cls=high] .bn-glyph{color:var(--ts-cls-high-fg)}.bn-panel[data-cls=low] .bn-glyph{color:var(--ts-cls-low-fg)}.bn-mark{flex-direction:column;flex:none;align-items:center;gap:0;display:flex}.bn-mark-glyph{font-family:var(--font-sarabun), Sarabun, ui-sans-serif, system-ui, sans-serif;color:var(--ts-ink);font-size:17px;line-height:1.35;display:block}.bn-mark-name{color:var(--ts-ink-4);white-space:nowrap;font-size:8px;font-weight:700;display:block}.bn-rule{min-width:0;color:var(--ts-ink-3);flex:100%;font-size:10px;font-weight:700;display:block}@media (max-width:1023px){.bn-glyph{font-size:15px}.bn-mark-name{font-size:7.5px}.bn-rule{white-space:normal}}@media (max-width:767px){.bn-bench{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-panel{padding:5px 8px}.bn-panel:nth-child(-n+2){border-bottom:1px solid var(--ts-hair-2)}.bn-panel:nth-child(odd){border-left:none}.bn-panel-label{font-size:8.5px}.bn-glyph{font-size:14px}.bn-mark-glyph{font-size:15px}}.bn-root{font-family:var(--font-figtree), Figtree, ui-sans-serif, system-ui, sans-serif;color:var(--ts-ink);flex-direction:column;gap:16px;padding:4px 0 96px;display:flex}@media (min-width:768px){.bn-root{padding-bottom:8px}}.bn-head{align-items:flex-start;gap:14px;padding:0 16px;display:flex}@media (min-width:768px){.bn-head{padding:0}}.bn-head-main{flex:auto;min-width:0}.bn-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--module-text,var(--module));margin-bottom:4px;font-size:10px;font-weight:800;display:inline-block}.bn-title{font-family:var(--font-chonburi), Chonburi, Georgia, serif;font-size:25px;line-height:1.1}@media (max-width:767px){.bn-title{font-size:18px}}.bn-standing{border:1px solid var(--ts-hair);border-radius:var(--ts-r-panel);background:var(--ts-panel-2);margin:0 16px;overflow:hidden}@media (min-width:768px){.bn-standing{margin:0}}.bn-standing-head{letter-spacing:.14em;text-transform:uppercase;color:var(--ts-ink-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;padding:12px 14px 10px;font-size:10px;font-weight:800;display:flex}.bn-standing-count{letter-spacing:.06em;color:var(--module-text,var(--module))}.bn-standing .bn-bench{border-top:3px solid var(--ts-hair);background:0 0}.dark .bn-standing .bn-bench{background:0 0}.bn-standing .bn-panel{padding:12px 12px 14px}.bn-standing .bn-glyph{font-size:22px;line-height:1.3}.bn-standing .bn-roster{gap:3px 8px}.bn-standing .bn-mark-glyph{font-size:22px}@media (max-width:767px){.bn-standing .bn-glyph,.bn-standing .bn-mark-glyph{font-size:18px}.bn-standing .bn-panel{padding:8px 9px 10px}}.bn-rail{border:1px solid var(--ts-hair);border-radius:var(--ts-r-chip);background:var(--ts-panel-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 16px;display:grid;overflow:hidden}@media (min-width:768px){.bn-rail{margin:0}}@media (max-width:599px){.bn-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}.bn-seg{border:none;border-left:1px solid var(--ts-hair-2);min-width:0;min-height:58px;font:inherit;text-align:left;color:var(--ts-ink-2);cursor:pointer;transition:background-color var(--ts-dur-hover) ease, color var(--ts-dur-hover) ease;background:0 0;flex-direction:column;justify-content:center;gap:4px;padding:9px 12px;display:flex}.bn-seg:first-child{border-left:none}@media (max-width:599px){.bn-seg:nth-child(odd){border-left:none}.bn-seg:nth-child(-n+2){border-bottom:1px solid var(--ts-hair-2)}}.bn-seg:hover,.bn-seg:focus-visible{background:var(--ts-hair-2);color:var(--ts-ink)}.bn-seg[aria-pressed=true]{background:color-mix(in srgb, var(--module) 14%, transparent);color:var(--ts-ink);box-shadow:inset 0 -3px 0 var(--module)}.bn-seg-name{font-size:13.5px;font-weight:800;display:block}.bn-seg-meta{align-items:baseline;gap:8px;min-width:0;display:flex}.bn-seg-pace{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;min-width:0;color:var(--module-text,var(--module));font-size:10.5px;font-weight:800;display:block;overflow:hidden}.bn-seg-pace[data-paceless="1"]{color:var(--ts-ink-4)}.bn-seg-best{font-variant-numeric:tabular-nums;color:var(--ts-ink-3);margin-left:auto;font-size:12px;font-weight:800}.bn-asks{color:var(--ts-ink-2);margin:0 16px;font-size:12.5px}@media (min-width:768px){.bn-asks{margin:0}}.bn-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:0 16px;display:flex}@media (min-width:768px){.bn-controls{padding:0}}.bn-go{background:var(--module);font:inherit;border-radius:var(--ts-r-chip);height:44px;color:var(--module-ink,#fff);cursor:pointer;box-shadow:var(--ts-shadow-rest);border:none;padding:0 20px;font-size:13px;font-weight:800}.bn-go:hover,.bn-go:focus-visible{box-shadow:var(--ts-shadow-raised)}.bn-opt{border:1px solid var(--ts-hair);font:inherit;height:36px;color:var(--ts-ink-2);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.bn-opt[aria-pressed=true]{border-color:var(--module);color:var(--module-text,var(--module));background:color-mix(in srgb, var(--module) 10%, transparent)}