.chess-modal .dialog{width:950px;max-width:95vw;max-height:90svh;overflow:auto}.chess-layout{display:grid;grid-template-columns:minmax(270px,1.5fr) minmax(180px,1fr);gap:18px}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #846346;border-radius:8px;overflow:hidden}.chess-square{position:relative;aspect-ratio:1;border:0;border-radius:0;font:clamp(24px,4vw,49px) 'Segoe UI Symbol',serif;line-height:1;padding:0}.chess-square.light{background:#f2dfbe}.chess-square.dark{background:#b28f70}.chess-square[data-side=w]{color:#fff8e2;text-shadow:1px 1px #654d3a,-1px -1px #654d3a,1px -1px #654d3a,-1px 1px #654d3a}.chess-square[data-side=b]{color:#483a31}.chess-square.selected{background:#e0b06f}.chess-square.legal{box-shadow:inset 0 0 0 5px #829e71}.chess-square.legal:empty:after{content:'';position:absolute;inset:40%;border-radius:50%;background:#638754}.chess-square:disabled{opacity:1;cursor:default}.chess-side p{font-size:16px}.chess-controls{display:grid;gap:8px}.chess-controls details{font-size:13px}.chess-promotion{display:flex;flex-wrap:wrap;gap:6px}.brush-surface{position:relative;max-width:840px;aspect-ratio:3/2;margin:auto;touch-action:none;border:8px solid #99744d;border-radius:17px;overflow:hidden;background:#d87877}.brush-surface canvas{width:100%;height:100%;display:block;touch-action:none}.brush-keys{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:12px}.brush-progress{height:12px;background:#d3b997;border-radius:10px;overflow:hidden;margin:10px 0}.brush-progress i{display:block;height:100%;background:#9fbf92}.brush-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.brush-a11y:focus-within{position:static;width:auto;height:auto;clip-path:none;display:flex;flex-wrap:wrap;gap:5px}.brushing-modal .dialog{width:950px;max-width:95vw;max-height:92svh;overflow:auto}.brushing-modal .face-portrait{width:64px;height:64px}@media(max-width:650px){.chess-layout{grid-template-columns:1fr}.chess-square{font-size:35px}.brush-keys .activity-button{font-size:12px;padding:7px}.brush-surface{border-width:5px}.family-stage{touch-action:none}}
.family-stage{width:min(100%,84svh);height:auto;max-height:none;margin-inline:auto;touch-action:none}.brush-surface{width:min(100%,78svh)}.brushing-modal .brush-keys canvas{max-height:46px;width:55px;object-fit:contain}.brushing-modal .brush-keys button{font-size:13px}.rewards-modal .reward-preview canvas{aspect-ratio:768/420}