.cs-local { margin: 1rem 0; }
.cs-local [hidden] { display: none !important; }
.cs-note { font-size: .9em; }
.cs-status { margin: .6rem 0; }
.cs-challenge { padding: 1rem; border: 1px solid #64748b; border-radius: .5rem; }
.cs-shapes { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0; }
.cs-local .cs-shapes button { width: 64px; height: 64px; padding: 6px; border: 3px solid #64748b; background: #fff; color: #172554; border-radius: .4rem; cursor: pointer; }
.cs-shapes svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.cs-local .cs-shapes button[aria-pressed="true"] { background: #dbeafe; border-color: #1d4ed8; box-shadow: 0 0 0 2px #1d4ed8; }
.cs-local button:focus-visible { outline: 3px solid #ea580c; outline-offset: 3px; }
.cs-challenge > button { margin: .4rem .5rem .4rem 0; white-space: normal; }