@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0908;--ring:#171310;--panel:#1d1813;--line:#2a231d;--bone:#ede4d3;--dim:#8a7d6b;--red:#e03a2f;--blue:#3b6fe0;--gold:#d6a63f;--display:"Anton", "Arial Narrow", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 500px at 50% -10%, #d6a63f12, transparent 60%), var(--bg);color:var(--bone);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}.app{flex-direction:column;gap:18px;max-width:1180px;min-height:100%;margin:0 auto;padding:20px clamp(12px,3vw,32px) 28px;display:flex}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.brand-thai{color:var(--gold);letter-spacing:.15em;font-size:1.05rem}h1{font-family:var(--display);letter-spacing:.04em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400;line-height:1}h1 em{color:#0000;-webkit-text-stroke:1.5px var(--gold);font-style:normal}.privacy{color:var(--dim);align-items:center;gap:8px;font-size:.82rem;display:flex}.privacy .dot{background:#4caf6d;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #4caf6d}.arena{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:18px;display:grid}.stage{background:var(--ring);border:1px solid var(--line);border-top:3px solid var(--red);border-bottom:3px solid var(--blue);justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}#video,#overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#video{display:none}.stage.live #video{display:block}.stage.live .stage-empty,.stage.demo .stage-empty{display:none}.stage-empty{text-align:center;color:var(--dim);max-width:420px;padding:24px;position:relative}.stage-kicker{font-family:var(--display);color:var(--gold);letter-spacing:.3em;opacity:.9;margin-bottom:12px;font-size:1.6rem}.stage-hint{opacity:.8;margin-top:10px;font-size:.82rem}.status{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);border:1px solid var(--line);background:#0b0908b8;padding:4px 9px;font-size:.72rem;position:absolute;top:10px;left:10px}.status.err{color:var(--red);border-color:var(--red)}.status.ok{color:#4caf6d}.callout{font-family:var(--display);letter-spacing:.1em;color:var(--gold);text-shadow:0 0 26px #d6a63f8c,2px 2px #0b0908;pointer-events:none;white-space:nowrap;font-size:clamp(1.8rem,5vw,3rem);position:absolute;top:18%;left:50%;transform:translate(-50%)}.callout.show{animation:1.3s ease-out forwards callout}@keyframes callout{0%{opacity:0;transform:translate(-50%)scale(.6)rotate(-3deg)}12%{opacity:1;transform:translate(-50%)scale(1.12)rotate(1deg)}22%{transform:translate(-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.02)}}@media (prefers-reduced-motion:reduce){.callout.show{opacity:1;animation:none}}.coach-card{text-align:center;border:1px solid var(--gold);background:#0b0908d9;min-width:min(320px,80%);padding:10px 18px 12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.coach-kru{text-transform:uppercase;letter-spacing:.3em;color:var(--gold);font-size:.66rem}.coach-call{font-family:var(--display);letter-spacing:.08em;margin:2px 0 8px;font-size:clamp(1.5rem,4.5vw,2.4rem);line-height:1.1}.coach-card.ok{border-color:#4caf6d}.coach-card.ok .coach-call{color:#4caf6d}.coach-card.fail{border-color:var(--red)}.coach-card.fail .coach-call{color:var(--red)}.coach-bar{background:var(--line);height:4px;overflow:hidden}.coach-bar i{background:var(--gold);width:100%;height:100%;display:block}.coach-bar i.run{animation:coachbar var(--coach-ms,4s) linear forwards}@keyframes coachbar{0%{width:100%}to{width:0}}.coach-score{color:var(--dim);margin-top:2px;font-size:.85rem}.coach-score b{font-family:var(--mono)}.coach-score .hit{color:#4caf6d}.coach-score .miss{color:var(--red)}.feed{flex-direction:column-reverse;gap:4px;max-width:75%;list-style:none;display:flex;position:absolute;bottom:10px;left:10px}.feed li{font-family:var(--display);letter-spacing:.06em;border-left:4px solid var(--gold);background:#0b0908c7;padding:3px 10px;font-size:1.05rem;animation:.18s ease-out pop}.feed li.left{border-left-color:var(--red)}.feed li.right{border-left-color:var(--blue)}.feed li small{color:var(--dim);letter-spacing:.12em;font-family:system-ui,sans-serif;font-size:.62rem;display:block}@keyframes pop{0%{opacity:0;transform:translate(-8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.feed li{animation:none}}.board{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:14px;padding:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--dim);font-size:.68rem}.round-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.round-label{flex-direction:column;display:flex}.round-num{font-family:var(--display);color:var(--bone);font-size:1.7rem;line-height:1}.clock{font-family:var(--mono);color:var(--gold);font-variant-numeric:tabular-nums;font-size:2rem}.clock.rest{color:#4caf6d}.total-block{text-align:center}.total{font-family:var(--display);color:var(--gold);text-shadow:0 0 34px #d6a63f59;font-variant-numeric:tabular-nums;font-size:4.6rem;line-height:1}.pace{color:var(--dim);margin-top:2px;font-size:.85rem}.pace b{color:var(--bone);font-family:var(--mono)}.pace-note{font-size:.72rem}.combos-line{color:var(--dim);font-size:.85rem}.combos-line b{color:var(--gold);font-family:var(--mono)}.corners-head{text-transform:uppercase;letter-spacing:.2em;justify-content:space-between;font-size:.68rem;display:flex}.corner.red{color:var(--red)}.corner.blue{color:var(--blue)}.corner-mid{color:var(--dim)}.score-list{flex-direction:column;list-style:none;display:flex}.score-list li{border-bottom:1px dashed var(--line);grid-template-columns:44px 1fr 44px;align-items:center;padding:7px 0;display:grid}.score-list li:last-child{border-bottom:0}.score-list span{text-align:center;font-size:.88rem}.score-list i{color:var(--dim);font-size:.7rem;font-style:normal;display:block}.score-list b{font-family:var(--mono);text-align:center;font-variant-numeric:tabular-nums;font-size:1.15rem}.score-list .red{color:var(--red)}.score-list .blue{color:var(--blue)}.controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{font-family:var(--display);letter-spacing:.08em;color:var(--bone);border:1px solid var(--line);cursor:pointer;background:0 0;padding:10px 8px;font-size:.95rem;transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover:not(:disabled){background:#c73227}.btn.active{border-color:var(--gold);color:var(--gold)}.cfg{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;gap:8px;font-size:.72rem;display:flex}.cfg label{flex-direction:column;flex:1;gap:3px;display:flex}.cfg select{background:var(--ring);color:var(--bone);border:1px solid var(--line);font-family:var(--mono);padding:6px 4px;font-size:.85rem}.cfg select:focus-visible{outline:2px solid var(--gold)}.tweaks{color:var(--dim);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.tweaks label{align-items:center;gap:8px;display:flex}.tweaks input[type=range]{width:110px;accent-color:var(--gold)}.tweaks input[type=checkbox]{accent-color:var(--gold)}.summary{background:var(--panel);color:var(--bone);border:1px solid var(--gold);width:100%;max-width:min(560px,92vw);max-height:90vh;margin:auto;padding:22px;overflow-y:auto}.summary::backdrop{background:#050403d1}.summary h2{font-family:var(--display);letter-spacing:.06em;margin-bottom:2px;font-size:1.6rem;font-weight:400}.summary-head{color:var(--dim);margin-bottom:14px;font-size:.85rem}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.summary-grid div{background:var(--ring);border:1px solid var(--line);flex-direction:column;gap:2px;padding:8px;display:flex}.summary-grid b{font-family:var(--display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.5rem}.summary-table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:.88rem}.summary-table th{text-transform:uppercase;letter-spacing:.18em;color:var(--dim);text-align:left;border-bottom:1px solid var(--line);padding:4px 6px;font-size:.68rem}.summary-table th.red{color:var(--red);text-align:right}.summary-table th.blue{color:var(--blue);text-align:right}.summary-table td{border-bottom:1px dashed var(--line);padding:5px 6px}.summary-table td+td{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.summary-rounds{color:var(--dim);margin-bottom:12px;font-size:.82rem}.summary-chart-wrap{margin-bottom:16px}.summary-chart{background:var(--ring);border:1px solid var(--line);width:100%;height:110px;margin-top:6px;display:block}.summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=520px){.summary-grid{grid-template-columns:repeat(2,1fr)}}.foot{color:var(--dim);text-align:center;border-top:1px solid var(--line);padding-top:12px;font-size:.78rem}@media (width<=860px){.arena{grid-template-columns:1fr}.stage{min-height:52vh}.total{font-size:6.2rem}.clock{font-size:3.4rem}.round-num{font-size:2.4rem}.score-list b{font-size:1.6rem}.score-list span{font-size:1rem}.pace,.combos-line,.coach-score{font-size:1.05rem}.btn{padding:14px 8px;font-size:1.05rem}.callout{font-size:2.6rem}.coach-call{font-size:2.2rem}}