:root{font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1a1a1a;background:#f5f5f0}*{box-sizing:border-box}body{margin:0}.app,body{min-height:100svh}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1rem}header{text-align:center}h1{margin:0;font-size:2rem;font-weight:600}.status{margin:.5rem 0 0;color:#555}.board{width:min(90vw,560px);--dice-size:79%}.board [data-square] [data-piece^=b],.board [data-square] [data-piece^=w]{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.board [data-square] [data-piece^=b] svg,.board [data-square] [data-piece^=w] svg{width:var(--dice-size)!important;height:var(--dice-size)!important;display:block;flex-shrink:0}.restart{padding:.6rem 1.6rem;font-size:1rem;font-family:inherit;background:#2a2a2a;color:#f5f5f5;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.restart:hover{background:#444}