/* Copyright (c) 2026 Quarterplay. MIT licensed. */
:root{font-family:system-ui,sans-serif;color:#3c3442;background:#faf4e9}*{box-sizing:border-box}body{margin:0}main{max-width:710px;margin:auto;padding:22px 18px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#89758b}h1{font-size:31px;letter-spacing:-1px;margin:4px 0}label{font-size:12px}button,select{font:inherit;cursor:pointer;border:1px solid #c0acbf;border-radius:7px;padding:8px 10px;background:#fffcf4;color:#443448}button:hover{background:#fff}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #86557f;outline-offset:3px}.intro{font-size:14px;line-height:1.5;max-width:600px;margin:14px 0 8px}#level-rules{font-size:11px;color:#887181;margin:0 0 15px}.toolbar{display:flex;flex-wrap:wrap;gap:6px}.toolbar button{font-size:12px}.toolbar button[aria-pressed=true]{color:white;background:#74506f}#status{font-size:13px;line-height:1.45;min-height:40px;margin:12px 0}.board-wrap{max-width:550px;margin:auto}#board{display:grid;grid-template-columns:repeat(var(--size),1fr);width:100%;aspect-ratio:1;border:3px solid #5e4e60;border-radius:5px;overflow:hidden;box-shadow:0 6px 14px #745c6b14}.cell{border:0;border-radius:0;border-top:1px solid #3c344226;border-right:1px solid #3c344226;position:relative;aspect-ratio:1;min-width:0;padding:0;color:#3b2941;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,7.5vw,53px);font-family:Georgia,serif;line-height:1}.cell:hover{filter:brightness(1.04)}.cell .region{position:absolute;top:3px;left:4px;font:600 9px system-ui;color:#3c34428c}.cell .fixed{position:absolute;bottom:3px;right:5px;font:700 15px system-ui}.cell .cross{font:300 clamp(23px,6vw,39px) system-ui;color:#4a364b9c}.cell:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #614761;z-index:1}.cell.bad .queen{color:#a41b35;text-shadow:1px 1px #fff}.cell.bad:after{content:'!';position:absolute;bottom:2px;left:4px;font:800 12px system-ui;color:#a41b35}.legend{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7b6879;max-width:550px;margin:12px auto 0}#count{font-weight:700}.won #board{border-color:#55845f}.won #status{color:#356d44;font-weight:700}details{font-size:12px;line-height:1.6;color:#796575;margin-top:21px}summary{font-weight:650;cursor:pointer}@media(max-width:450px){main{padding:15px 10px 25px}h1{font-size:25px}.eyebrow{font-size:8px}header{gap:5px}label{font-size:11px}select{padding:7px 4px}.intro{font-size:12px}.toolbar{gap:5px}.toolbar button{padding:7px 9px;font-size:11px}#status{font-size:12px;min-height:48px}.cell{font-size:clamp(27px,8vw,40px)}.cell .region{font-size:8px;top:2px;left:3px}.legend{font-size:10px}}