:root{--tm-a:#5b8cff;--tm-b:#2bb3a8;--tm-c:#e0a93b;--tm-d:#d56aa0;--tm-e:#9a7cf0;--tm-correct:#3ccf7e}.tm-stage{--tm-strip-bg:#0b1730;--tm-strip-fg:#f4f7fd;--tm-strip-muted:#a9b8d4;--tm-strip-track:#ffffff29;background:#0a0f1c;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.tm-stage__slide{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.tm-stage__img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tm-stage--overlay{grid-template-rows:minmax(0,1fr)}.tm-stage--overlay .tm-stage__strip{position:absolute;bottom:0;left:0;right:0}.tm-strip{background:var(--tm-strip-bg);color:var(--tm-strip-fg);font-family:var(--font-body,system-ui, sans-serif);padding:clamp(6px,1.1cqh,14px) clamp(10px,1.6cqw,28px) clamp(8px,1.4cqh,18px);font-size:clamp(12px,1.35cqw,26px);line-height:1.25;box-shadow:0 -2px 12px #00000059}.tm-strip__head{justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.45em;display:flex}.tm-strip__status{color:var(--tm-strip-muted);align-items:center;gap:.45em;font-weight:600;display:inline-flex}.tm-strip__live{background:#ff5a6a;border-radius:50%;width:.6em;height:.6em;box-shadow:0 0 0 .2em #ff5a6a40}.tm-strip__counter{font-variant-numeric:tabular-nums;font-size:1.1em;font-weight:700}.tm-strip__cells{grid-template-columns:repeat(var(--tm-cells,4), minmax(0, 1fr));gap:clamp(8px,1.2cqw,22px);margin:0;padding:0;list-style:none;display:grid}.tm-cell{min-width:0}.tm-cell__top{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.25em .5em;margin-bottom:.35em;display:flex}.tm-cell__label{color:#0b1730;background:var(--tm-cell-color);border-radius:.45em;flex:none;place-items:center;width:1.7em;height:1.7em;font-weight:800;display:inline-grid}.tm-cell__numbers{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:.4em;display:inline-flex}.tm-cell__numbers strong{font-size:1.15em}.tm-cell__numbers span{color:var(--tm-strip-muted)}.tm-cell__correct{background:var(--tm-correct);color:#04210f;border-radius:.4em;align-items:center;gap:.25em;margin-left:auto;padding:.05em .45em;font-size:.85em;font-weight:800;display:inline-flex}.tm-cell__track{background:var(--tm-strip-track);border-radius:999px;height:clamp(8px,1.1cqh,16px);overflow:hidden}.tm-cell__fill{border-radius:inherit;background:var(--tm-cell-color);height:100%;transition:width .5s ease-out}.tm-cell--correct .tm-cell__track{outline:2px solid var(--tm-correct);outline-offset:2px}.tm-cell--a{--tm-cell-color:var(--tm-a)}.tm-cell--b{--tm-cell-color:var(--tm-b)}.tm-cell--c{--tm-cell-color:var(--tm-c)}.tm-cell--d{--tm-cell-color:var(--tm-d)}.tm-cell--e{--tm-cell-color:var(--tm-e)}.tm-strip__empty{color:var(--tm-strip-muted);margin:.4em 0 0;font-size:.9em}@container (width<=560px){.tm-strip__cells{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.tm-qcard{aspect-ratio:16/9;box-sizing:border-box;color:#10203f;justify-content:safe center;gap:calc(3cqh * var(--tm-qfit,1));width:min(100%,177.78cqh);max-height:100%;font-family:var(--font-body,system-ui, sans-serif);background:#fff;flex-direction:column;padding:min(5cqh,2.8cqw) min(6cqw,10.7cqh);display:flex;overflow:hidden}.tm-qcard__q{font-size:calc(clamp(16px, min(3.4cqw, 6cqh), 54px) * var(--tm-qfit,1));overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.tm-qcard__choices{gap:calc(1.6cqh * var(--tm-qfit,1));font-size:calc(clamp(13px, min(2.3cqw, 4.1cqh), 38px) * var(--tm-qfit,1));margin:0;padding:0;list-style:none;display:grid}.tm-qcard__choices li{overflow-wrap:anywhere;align-items:baseline;gap:.6em;display:flex}.tm-qcard__label{background:var(--tm-cell-color);color:#0b1730;border-radius:.4em;flex:none;place-items:center;width:1.6em;height:1.6em;font-weight:800;display:inline-grid}@media (prefers-reduced-motion:reduce){.tm-cell__fill{transition:none}}.tm-img--failed{visibility:hidden}.tm-img-retry{z-index:1;color:#fff;background:#000000bf;border-radius:8px;max-width:calc(100% - 16px);padding:4px 10px;font-size:14px;line-height:1.4;position:absolute;top:8px;left:8px}.tm-stage--with-rail{--tm-rail-w:clamp(240px, 22cqw, 460px);grid-template-columns:minmax(0, 1fr) var(--tm-rail-w);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"slide rail""strip strip"}.tm-stage--overlay.tm-stage--with-rail{grid-template-rows:minmax(0,1fr);grid-template-areas:"slide rail"}.tm-stage--with-rail .tm-stage__slide{grid-area:slide}.tm-stage--with-rail .tm-stage__strip{grid-area:strip}.tm-stage__rail{background:var(--tm-strip-bg);min-width:0;min-height:0;color:var(--tm-strip-fg);flex-direction:column;grid-area:rail;gap:2cqh;padding:2cqh 1.2cqw;display:flex;overflow:hidden;container-type:size}.tm-stage--overlay.tm-stage--with-rail .tm-stage__strip{right:var(--tm-rail-w)}.tm-rail__join{color:#0f172a;background:#fff;border-radius:12px;justify-items:center;gap:1cqh;padding:1.5cqh 1cqw;display:grid}.tm-rail__join img,.tm-rail__join svg,.tm-rail__join canvas{width:min(78cqw,34cqh);height:auto}.tm-rail__site{text-align:center;word-break:break-word;margin:0;font-size:clamp(11px,5.5cqw,22px)}.tm-rail__code{font-family:var(--font-mono);letter-spacing:.08em;margin:0;font-size:clamp(16px,11cqw,44px);font-weight:700}.tm-rail__choices{flex-direction:column;gap:1cqh;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.tm-rail__choice{background:#ffffff14;border-radius:10px;align-items:center;gap:.8cqw;min-width:0;padding:1cqh 1cqw;font-size:clamp(12px,6cqw,26px);line-height:1.25;display:flex}.tm-rail__choice-label{aspect-ratio:1;color:#0b1730;background:var(--tm-cell-color);border-radius:8px;flex:none;place-items:center;width:clamp(22px,11cqw,46px);font-weight:700;display:grid}.tm-rail__choice-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.tm-rail__joined{text-align:center;color:var(--tm-strip-muted);margin:0;font-size:clamp(11px,5cqw,20px)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--surface:#fff;--inset:#eef2f7;--ink:#0f2a5f;--body:#23324a;--muted:#5b6b85;--faint:#636f82;--line:#e2e8f2;--line-strong:#cbd6e6;--navy:#0f2a5f;--brand:#2c66e2;--success:#197e50;--success-soft:#e6f6ee;--caution:#b7791f;--caution-soft:#fbf1dc;--danger:#c23b46;--danger-soft:#fbe7e9;--teal:#2ba7a0;--teal-strong:#1c7b74;--teal-soft:#e3f5f3;--gold:#b08e4e;--gold-soft:#f7efdd;--on-navy:#fff;--on-brand:#fff;--on-teal:#04211d;--on-success:#fff;--on-danger:#fff;--on-gold:#1c1403;--chrome:#0f2a5f;--chrome-2:#1a3a7a;--chrome-active:#1d3f8c;--chrome-fg:#f7f6f2;--chrome-fg-dim:#c4d1e4;--chrome-line:#ffffff1f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1220;--surface:#131c2e;--inset:#0f1726;--ink:#e8eefb;--body:#c7d2e6;--muted:#93a1bd;--faint:#73859f;--line:#24314a;--line-strong:#33425f;--navy:#cdd9f2;--brand:#6a9bff;--success:#4fd08a;--success-soft:#10331f;--caution:#e0b256;--caution-soft:#2e2410;--danger:#f0868f;--danger-soft:#2e1416;--teal:#3ec4bc;--teal-strong:#2ba7a0;--teal-soft:#0f2f2c;--gold:#e0b256;--gold-soft:#2e2410;--on-navy:#10203f;--on-brand:#0a1226;--on-teal:#04211d;--on-success:#042012;--on-danger:#2b0c10;--on-gold:#241a06;--chrome:#0a1730;--chrome-2:#12233f;--chrome-active:#17294a;--chrome-fg:#dbe4f2;--chrome-fg-dim:#9fadc6;--chrome-line:#ffffff14}:root{--radius-card:14px;--radius-menu:11px;--radius-control:8px;--radius-pill:22px;--shadow-card:0 2px 10px #0f2a5f0f;--shadow-pop:0 14px 38px #0f2a5f29;--font-body:"Inter", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-display:"Sora", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--strip-bg:#0b1730;--strip-fg:#f4f7fd;--strip-muted:#a9b8d4;--strip-track:#ffffff24;--choice-a:#5b8cff;--choice-b:#2bb3a8;--choice-c:#e0a93b;--choice-d:#d56aa0;--choice-e:#9a7cf0;--correct:#3ccf7e}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f4f7fd;font-family:var(--font-body);background:#0a0f1c;overflow:hidden}.display{width:100vw;height:100vh;position:relative}.display--message{text-align:center;color:#c9d4ea;place-items:center;padding:5vh 5vw;font-size:clamp(20px,3vw,40px);display:grid}.display__waiting{text-align:center;align-content:center;justify-items:center;gap:3vh;height:100%;padding:4vh 4vw;display:grid}.display__waiting h1{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(28px,4vw,64px)}.display__joined{color:#c9d4ea;margin:0;font-size:clamp(18px,2.2vw,32px)}.display__join{color:#0f172a;background:#fff;border-radius:16px;align-items:center;gap:24px;padding:16px;display:flex}.display__join--large{gap:40px;padding:28px 36px}.display__join-site{margin:0 0 6px;font-size:clamp(16px,1.6vw,28px)}.display__join-code{font-family:var(--font-mono);letter-spacing:.08em;margin:0;font-size:clamp(28px,3.4vw,64px);font-weight:700}.display__join-overlay{z-index:5;border-radius:16px;position:absolute;top:2vh;right:2vw;box-shadow:0 10px 40px #00000073}.display__status{z-index:6;color:#fff;background:#b7791fe6;border-radius:999px;padding:4px 10px;font-size:14px;position:absolute;top:12px;left:12px}