:root{--panel:#0c0e13b8;--panel-border:#ffffff14;--track:#2c313a;--text:#e8e8e8;--muted:#a3a9b4;--white:#fff;--blue:#7fb2ff;--black:#b9c0cc;--gold:#ffd166;--red:#ff6b5a;--amber:#ffb86b;--green:#5cd68a}html,body{height:100%;color:var(--text);background:#111;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;position:fixed}.white{color:var(--white)}.black{color:var(--black)}#scoreboard .popups{pointer-events:none;position:absolute;inset:0}#scoreboard{text-align:center;min-width:300px;padding:8px 14px;top:12px;left:50%;transform:translate(-50%)}#scoreboard .scores{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;display:flex}#scoreboard .side{letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:relative}#scoreboard .num{min-width:28px;font-size:26px;line-height:1}#scoreboard .wins{gap:3px;display:flex}#scoreboard .wins i{background:var(--gold);border-radius:50%;width:7px;height:7px;display:block}#scoreboard .adv{color:var(--muted);font-size:11px;font-weight:700}#scoreboard .clock{font-variant-numeric:tabular-nums;min-width:54px;font-size:18px;font-weight:800}#scoreboard .clock.low{color:var(--red)}#scoreboard .pending{margin-top:6px;font-size:12px;display:none}#scoreboard .pending .bar{margin-top:4px}.popup.adv{color:var(--muted);font-size:15px}#scoreboard .pos{margin-top:4px;font-size:15px;font-weight:600}#scoreboard .roles{color:var(--muted);font-size:12px}.popup{color:var(--gold);font-size:18px;font-weight:800;animation:1.2s ease-out forwards pop;position:absolute;top:-4px}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.8)}15%{opacity:1;transform:none}to{opacity:0;transform:translateY(-22px)}}.moves{width:260px;top:12px}#moves0{left:12px}#moves1{right:12px}.moves h3{letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.moves .row{align-items:baseline;gap:8px;margin:2px 0;display:flex}.moves kbd{background:var(--track);text-align:center;border-radius:4px;flex:none;min-width:46px;padding:0 5px;font:600 12px ui-monospace,monospace;display:inline-block}.moves .pts{color:var(--gold);margin-left:auto;font-weight:700}.moves .row.disabled{opacity:.42}.moves .far{color:#ff9b85;display:block}.moves .counter kbd{color:#fff;background:#b3261e}.moves .status{margin-bottom:6px}.moves .status.alert{color:var(--red);font-size:15px;font-weight:700}.moves .status.warn{color:var(--amber)}.moves .grips{color:var(--muted);margin-bottom:6px;font-size:12px}.moves .grips .warn{color:var(--amber)}.moves .section{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 2px;font-size:11px}.stamina{background:var(--track);border-radius:6px;height:12px;margin:-2px 0 8px;position:relative;overflow:hidden}.stamina .fill{height:100%;transition:width .1s linear}.stamina .label{color:#111;padding-left:6px;font-size:9px;font-weight:700;line-height:12px;position:absolute;inset:0}.stamina.gassed .label{color:var(--text)}.stamina.gassed .label:after{content:" — MỆT!"}.bar{background:var(--track);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar>div{height:100%}.bar.attack>div{background:var(--gold)}.bar.defend>div{background:var(--red)}#prompt{text-align:center;min-width:320px;padding:12px 18px;display:none;top:24%;left:50%;transform:translate(-50%)}#prompt .what{color:var(--muted);font-size:13px}#prompt .ask{margin:4px 0;font-size:22px;font-weight:800}#prompt kbd{color:#fff;background:#b3261e;border-radius:6px;margin:0 4px;padding:1px 8px;font:700 20px ui-monospace,monospace}#prompt.blown .ask{color:var(--amber);font-size:18px}#banner{text-align:center;padding:14px 22px;font-size:26px;font-weight:700;display:none;top:40%;left:50%;transform:translate(-50%,-50%)}#banner small{opacity:.8;margin-top:4px;font-size:14px;font-weight:400;display:block}#result{background:#00000073;border:0;border-radius:0;justify-content:center;align-items:center;display:none;inset:0}#result .card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:14px;min-width:300px;padding:22px 34px}#result .who{letter-spacing:.03em;font-size:34px;font-weight:800}#result .how{color:var(--muted);margin-top:4px;font-size:15px}#result .tally{font-variant-numeric:tabular-nums;margin-top:12px;font-size:14px}#result .next{color:var(--muted);margin-top:14px;font-size:12px}#sub{width:min(440px,100vw - 32px);display:none;bottom:120px;left:50%;transform:translate(-50%)}#sub .title{text-align:center;margin-bottom:8px;font-size:16px;font-weight:700}#sub .meter{grid-template-columns:70px 1fr;align-items:center;gap:8px;margin-top:6px;display:grid}#sub .fill{background:var(--track);border-radius:5px;height:10px;overflow:hidden}#sub .fill>div{height:100%}#sub .pressure>div{background:var(--red)}#sub .escape>div{background:var(--green)}#sub .track{background:var(--track);border-radius:4px;height:20px;margin-top:10px;position:relative}#sub .zone{background:#5cd68a8c;border-radius:4px;position:absolute;top:0;bottom:0}#sub .marker{background:#fff;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}#help{pointer-events:auto;cursor:pointer;max-width:min(640px,100vw - 48px);font-size:12px;bottom:12px;left:12px}#help .head{font-weight:700}#help .body{color:var(--text);margin-top:4px}#help.collapsed .body{display:none}@media (width<=900px){.moves{width:200px;font-size:12px}#scoreboard{min-width:0}}