.board{display:grid;border-radius:6px;overflow:hidden;box-shadow:0 8px 30px #0008}
.board .sq{aspect-ratio:1}
.pc.z{color:#7fdc5a;text-shadow:0 0 2px #000,0 0 1px #000}
.back{color:var(--accent)}
.row{display:flex;gap:8px;flex-wrap:wrap}
.row button{flex:1}
.small{font-size:.85rem;color:var(--muted)}
.choices{display:flex;flex-direction:column;gap:8px}
.choices button{text-align:left}
button:disabled{opacity:.45;cursor:default}

/* ---- animation layer (ockit.js + anim.js) ---- */
.ock-d{position:absolute;inset:0;pointer-events:none;z-index:1}
.ock-board .sq .pc{position:relative;z-index:2}
@media (update:none){.ock-board .ock-d,.ock-board .ock-d *{animation:none!important;transition:none!important}}