/* Position analyzer (局面解析). Board and panels come from reversi.css and common/dojo.css; colors only from site.css. */
.aztools { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
.azseg { display: flex; align-items: center; flex-wrap: wrap; gap: 0; }
.azlab { font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-right: 8px; }
.dojo .azseg button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 13px; margin-left: -1.5px; }
.dojo .azseg button[aria-pressed="true"] { background: var(--hl); color: var(--hl-ink); }
.azseg .mini.w { border-color: var(--rule-2); }
.azboard .sq { cursor: pointer; }
.dojo .board .sq:focus-visible { outline: 3px solid var(--hl); outline-offset: -3px; z-index: 6; }
/* the loss of a legal move: a small stamp in the grade color on the square */
.azv { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-4deg); z-index: 5; pointer-events: none; padding: 2px 3px 1px; border: 2px solid var(--g, var(--ink)); background: var(--surface); color: var(--g, var(--ink)); font-family: var(--mono); font-size: min(2.6vw, 12px); font-weight: 700; line-height: 1.1; white-space: nowrap; font-variant-numeric: tabular-nums; }
.azv.best { font-family: var(--sans); letter-spacing: .04em; }
.az .alert[hidden] { display: none; }
.azmsg { align-self: center; font-size: 12.5px; color: var(--ink-2); }
.azlist { width: calc(100% - 24px); border-collapse: collapse; margin-top: 10px; font-size: 13px; }
.azlist th, .azlist td { padding: 6px 4px; border-bottom: 1px solid var(--rule); text-align: left; }
.azlist thead th { font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: .08em; color: var(--muted); }
.azlist tbody th { font-family: var(--mono); font-weight: 700; }
.azlist .num { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.azlist tr.best th { background: var(--hl); color: var(--hl-ink); }
.azlist .stamp { font-size: 11.5px; padding: 3px 6px 2px; }
.azhelp { font-size: 13px; padding-left: 18px; }
.azhelp li { margin: 3px 0; }
@media (max-width: 919px) { .az .right { position: static; } }