/* Also covers Apple HiDPI component copies, which retain the exact badge class. */
html[data-oc-exact-badge="off"] .eval-badge-exact { display:none !important; }
/* 자동(2026-10-14, 기본은 켜기): Depth 가 Exact 일 때(모든 수 완전 탐색) 숨긴다. 뷰어 ocviewer.eval.js setDepthProgressLabel 이 data-ocv-all-exact 를 단다. 북 아이콘은 그대로. */
html[data-oc-exact-badge="auto"][data-ocv-all-exact="1"] .eval-badge-exact { display:none !important; }
.oc-exact-badge-note { display:block;margin-top:4px;color:#6b7280;font-size:12px;line-height:1.45;overflow-wrap:anywhere;font-weight:400; }
/* 제목 오른쪽에 자동/켜기/끄기, 설명은 아래 줄 전체 폭(행은 flex-wrap). */
.oc-exact-badge-row { flex-wrap:wrap; }
.oc-exact-badge-row > .grow { flex:1 1 0; min-width:0; overflow-wrap:anywhere; }   /* 기본 폭 0: 긴 제목(영어 등)은 줄바꿈되고 버튼은 같은 줄에 남는다 */
.oc-exact-badge-row > [role="radiogroup"] { flex:0 0 auto; }
.oc-exact-badge-row > .oc-exact-badge-note { flex:1 1 100%; margin-top:-4px; }
.oc-exact-badge-preview { display:grid;grid-template-columns:repeat(2,1fr);width:160px;height:80px;box-sizing:border-box;margin:0 auto 14px;border:2px solid #062f26;background-color:#008563;font-family:Lato,sans-serif; }
.oc-exact-badge-preview__cell { position:relative;display:flex;align-items:center;justify-content:center;color:#f0f0f0;font-size:28px;line-height:1;font-weight:400; }
.oc-exact-badge-preview__cell + .oc-exact-badge-preview__cell { border-left:2px solid #062f26; }
.oc-exact-badge-preview__cell.is-best { color:gold; }
.oc-exact-badge-preview[data-board-style="texture"] { background-image:linear-gradient(rgba(3,132,99,.65),rgba(3,132,99,.65)),linear-gradient(rgb(3,26,17),rgb(3,26,17)),url('/flipsight/image/board-velvet-photo-v4.webp');background-size:auto,auto,640px 640px;background-blend-mode:normal,screen,luminosity; }
.oc-exact-badge-preview .eval-badge-icon { position:absolute;top:1px;left:1px;width:calc(30% - 2px);height:calc(30% - 2px);color:currentColor;pointer-events:none; }
.oc-exact-badge-preview .eval-badge-icon svg { display:block;width:100%;height:100%; }

.oc-legal-moves-preview { grid-template-columns:1fr;width:80px; }
/* Match online.battle-board.js: 14% centered square, #196619 at .7 opacity. */
.oc-legal-moves-preview__mark { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14%;height:14%;background:#196619;opacity:.7;pointer-events:none; }
.oc-legal-moves-preview[data-legal-moves="off"] .oc-legal-moves-preview__mark { display:none; }