/* User review: deliberate contrast, compact controls, restrained marks. */
.difficulty-heading-button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.difficulty-heading-button>span{font:14px Georgia;margin-left:5px;color:#788873}
.difficulty-heading-button:hover{color:#247057}.difficulty-heading-button:focus-visible{outline:2px solid #357258;outline-offset:5px;border-radius:3px}
.setup-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;padding-inline:14px}
.setup-footer p{margin:0}
.author-credit{color:#60735b;letter-spacing:.05em}
#setup-difficulty-options .row-card{--tier:#4e805e;--tier-wash:#eff6ec;background:linear-gradient(105deg,var(--tier-wash),#fffcf5);border-color:color-mix(in srgb,var(--tier) 30%,#dedccc);border-left:3px solid var(--tier);position:relative;overflow:hidden;grid-template-columns:38px 1fr 48px}
#setup-difficulty-options .row-card::after{content:'';height:16px;background:repeating-linear-gradient(90deg,var(--tier) 0 3px,transparent 3px 8px);width:var(--tier-bars,8px);opacity:.5;justify-self:end}
#setup-difficulty-options [data-value=normal]{--tier:#428584;--tier-wash:#e9f3ef;--tier-bars:16px}
#setup-difficulty-options [data-value=hard]{--tier:#af8040;--tier-wash:#f8edda;--tier-bars:24px}
#setup-difficulty-options [data-value=nightmare]{--tier:#8e637e;--tier-wash:#f0e7ef;--tier-bars:32px}
#setup-difficulty-options [data-value=qitian]{--tier:#a45738;--tier-wash:#f5e7d5;--tier-bars:40px}
#setup-difficulty-options .choice-icon{background:color-mix(in srgb,var(--tier) 12%,white);color:var(--tier)}
.tier-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#setup-difficulty-options .row-card.is-selected{border-color:var(--tier);box-shadow:0 0 0 1px var(--tier),0 4px 12px #2236220a;background:linear-gradient(105deg,var(--tier-wash),#fffcf1)}
#setup-difficulty-options .row-card.is-selected .choice-icon{color:white;background:var(--tier)}
.appearance-advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}
.appearance-advanced>summary{font-size:12px;color:var(--scene-accent);cursor:pointer;min-height:30px}
.appearance-advanced>summary span{float:right;color:var(--muted);font-size:10px}
.appearance-advanced .appearance-section{margin-top:13px}
.board-rest-setting{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}
.board-rest-setting>span{display:flex;justify-content:space-between;gap:15px}
.board-rest-setting input{width:100%;accent-color:var(--scene-accent);margin:10px 0}
.board-rest-setting small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.board.style-classic[data-theme=sage]{--classic-bg:#bdd4bd;--classic-grid:#5b7b63;--classic-edge:#86a98a;--classic-wolf:#23483d;--classic-wolf-line:#a89762;--classic-sheep:#fffcef;--classic-sheep-line:#789882;--classic-ink:#2e5a43}
.board.style-classic[data-theme=blue]{--classic-bg:#bbd4df;--classic-grid:#5b8093;--classic-edge:#8bafbf}
.classic-surface .board-cell.is-last::after{inset:auto;width:7px;height:7px;left:71%;top:76%;border:0;border-radius:50%;background:#a97535;box-shadow:0 0 0 2px #fffc}
.classic-surface .board-cell.is-last:has(.piece)::after{width:6px;height:6px;background:#b77d30}
.board[data-dimension=2d].style-go{width:calc(100% - 36px);margin-inline:auto}
.xq-piece::after{left:11%;right:11%;top:9%;bottom:16%;border-width:max(1.8px,.3cqi)}
[data-font=seal] .xq-piece-label{font-size:clamp(28px,9.5cqi,72px)}
.appearance-glyphs[data-font=seal] .xq-piece-label{font-size:23px}
.jg-point .piece.wolf,.appearance-animal.wolf{background-image:url('./assets/emblems/jungle-wolf.svg')}
.jg-point .piece.sheep,.appearance-animal.sheep{background-image:url('./assets/emblems/jungle-sheep.svg')}
.board-menu-icon{stroke-width:1.15;stroke-linejoin:round}.menu-board-ground{fill:#bdd4bd;fill-opacity:.75}
.board-menu-icon[data-style=folk]{color:#a84e37}.board-menu-icon[data-style=rustic]{color:#6d5944}
.appearance-pair:has(.appearance-pebble[data-distinction=color]) .appearance-pebble.wolf{background:radial-gradient(ellipse at 28% 24%,#747973,#242d2a 65%,#171e1c)}
.appearance-pair:has(.appearance-pebble[data-distinction=color]) .appearance-pebble.sheep{background:radial-gradient(ellipse at 28% 24%,#fffef4,#dfdece 65%,#b8bbaa)}
@media(max-width:540px){.board[data-dimension=2d].style-go{width:calc(100% - 20px)}.appearance-advanced>summary span{font-size:9px}}

.page-rain{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;contain:strict}.page-rain[hidden]{display:none}

.themed-token[data-font=seal] .xq-piece-label{font-size:20px}
