/* 다시보기 재생기(replay.js) — 위젯 style.css(.blob-arena 변수·.ba-*)를 그대로 쓰고, 추가분만 .br- 접두사 */
.blob-replay{max-width:960px}
.br-wrap .ba-top h2{overflow-wrap:anywhere}
.br-head{margin:10px 0 6px}
.br-subtabs{margin:6px 0 10px}
.br-players{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-weight:700}
.br-p{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.br-vs{color:var(--ba-red)}
.br-av{width:26px;height:22px;flex:none}
.br-av .ba-bod{animation:ba-idle 1.6s steps(4) infinite}.br-av.happy .ba-bod{animation:ba-hop .9s steps(5) infinite}
.br-stone{display:inline-block;width:14px;height:14px;flex:none}.br-stone.b{background:#1d2b53;box-shadow:inset -2px -2px 0 #000,0 0 0 2px var(--ba-line)}.br-stone.w{background:#fff1e8;box-shadow:inset -2px -2px 0 #c2c3c7,0 0 0 2px var(--ba-line)}
.br-ribbon{display:inline-block;background:var(--ba-gold);color:#1d2b53;font-weight:700;padding:2px 10px;margin:8px 4px 0;box-shadow:var(--ba-pxb);font-size:12px}
.br-stage{margin:10px 0 4px;outline:none}
.br-stage:focus-visible{outline:3px dashed var(--ba-blue);outline-offset:6px}
.br-omok{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.br-board{max-width:480px!important;flex:1 1 300px}
.br-board i.lm{outline:3px solid var(--ba-red);outline-offset:-1px}
.br-board.fin i.five{box-shadow:0 0 0 3px var(--ba-gold),inset -2px -2px 0 #000;animation:br-glow 1s steps(2) infinite}
.br-board.fin i.w.five{box-shadow:0 0 0 3px var(--ba-gold),inset -2px -2px 0 #c2c3c7}
@keyframes br-glow{50%{box-shadow:0 0 0 3px var(--ba-red)}}
.br-side{flex:1 1 200px;min-width:0}
.br-big{font-size:15px;font-weight:700;margin:6px 0}
.br-result{display:flex;align-items:center;gap:8px;background:var(--ba-gold);color:#1d2b53;font-weight:900;padding:6px 10px;box-shadow:var(--ba-pxb);margin:10px 4px}
.br-stat{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:700;background:#1d2b53;color:var(--ba-gold);padding:4px 10px;margin:0 4px 10px}
.br-chat{list-style:none;margin:0;padding:6px 4px;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto}
.br-say{display:flex;align-items:flex-end;gap:8px;max-width:85%}
.br-say.defend{flex-direction:row-reverse;align-self:flex-end;text-align:right}
.br-bub{background:var(--ba-paper);box-shadow:var(--ba-pxb);padding:6px 10px;margin:4px;min-width:0}
.br-say.attack .br-bub{box-shadow:var(--ba-pxb),inset 4px 0 0 var(--ba-red)}.br-say.defend .br-bub{box-shadow:var(--ba-pxb),inset -4px 0 0 var(--ba-blue)}
.br-bub small{display:block;color:var(--ba-muted);font-size:11px}.br-bub p{margin:2px 0 0;overflow-wrap:anywhere}
.br-say.t-guess .br-bub{background:#fff7b0;color:#1d2b53}.br-say.t-strike .br-bub,.br-say.t-forfeit .br-bub{background:#ffd6cc;color:#1d2b53}.br-say.t-blocked .br-bub{opacity:.75}
html[data-theme=dark] .br-say.t-guess .br-bub,html[data-theme=dark] .br-say.t-strike .br-bub,html[data-theme=dark] .br-say.t-forfeit .br-bub{color:#1d2b53}
.br-tag{font-weight:700}.br-bub b.ok{color:#008751}.br-bub b.no{color:#c4432b}
.br-say:last-child .br-bub{animation:br-pop .25s steps(3)}
@keyframes br-pop{from{transform:scale(.85)}to{transform:scale(1)}}
.br-reveal{margin:12px 4px;padding:10px 14px;background:var(--ba-gold);color:#1d2b53;box-shadow:var(--ba-pxb);font-weight:700}
.br-reveal p{margin:2px 0}.br-reveal b{font-size:18px;background:#1d2b53;color:var(--ba-gold);padding:0 6px}
.br-lock{margin:10px 4px}
.br-say-line{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0} /* 화면 읽기 프로그램용 한 줄(보이는 화면엔 이미 있음) */
.br-mline{min-height:1.5em}
.blob-replay .ba-mstage{max-width:480px}
@media (max-width:640px){.br-say{max-width:100%}.br-board{flex-basis:100%}.blob-replay .ba-ctl button{padding:5px 8px}}
@media (prefers-reduced-motion:reduce){.br-av .ba-bod,.br-board.fin i.five,.br-say:last-child .br-bub{animation:none!important}}

/* 2026-10-20 승자 EAS 배지(사이트 검증분만) — 픽셀 칩 */
.br-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 2px;font-size:13px}
.br-badges-h{font-weight:700}
.br-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:2px solid #2b2140;background:#fff6c8;color:#2b2140;text-decoration:none;box-shadow:2px 2px 0 #2b2140;image-rendering:pixelated;font-weight:700}
.br-badge.this{background:#ffd75e}
.br-badge:hover,.br-badge:focus-visible{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #2b2140;outline:none}
.br-badge:focus-visible{outline:2px dashed #2b2140;outline-offset:2px}
.br-badges small{opacity:.7;flex-basis:100%}
@media (prefers-reduced-motion:reduce){.br-badge:hover,.br-badge:focus-visible{transform:none}}