/* Chess only. Everything else comes from ../shared/game.css. */
canvas#world{cursor:pointer;touch-action:none}
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.tool:disabled{opacity:.45;cursor:default}
/* promotion picker: four of your pieces over the board */
.promo{position:absolute;inset:auto 0 auto 0;top:38%;margin:0 auto;width:max-content;max-width:94%;z-index:5;background:#0b0a10f0;
  border:2px solid var(--mogi);border-radius:12px;padding:10px 12px;text-align:center;font-size:10px;color:var(--mogi)}
.promo-row{display:flex;gap:8px;margin-top:8px}
.promo button{width:56px;height:56px;padding:4px;background:var(--panel);border:2px solid var(--line);border-radius:10px;cursor:pointer}
.promo button:hover,.promo button:focus-visible{border-color:var(--cyan);outline:none}
.promo canvas{width:100%;height:100%}