*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#111;background:#f7f7f7;font-family:system-ui,sans-serif}button{font:inherit}.app{justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px;display:flex}.game{width:min(100%,640px)}.board{width:100%;position:relative}.controls{grid-template-columns:48px 1fr 48px;gap:12px;margin-top:16px;display:grid}.controls button{color:#111;cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:8px;height:44px}.controls button:hover:not(:disabled){background:#f0f0f0}.controls button:disabled{opacity:.35;cursor:default}.new-game{font-weight:500}.promotion-overlay{z-index:10;background:#ffffffb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-picker{background:#fff;border:1px solid #d6d6d6;border-radius:10px;grid-template-columns:repeat(4,64px);gap:8px;padding:10px;display:grid;box-shadow:0 8px 30px #0000001f}.promotion-picker button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:64px;height:64px;font-size:42px;line-height:1}.promotion-picker button:hover{background:#f1f1f1}.result{text-align:center;margin-top:14px;font-size:15px}