.demo-board[data-v-3c130856]{aspect-ratio:1;background-color:var(--color-surface-board);border-radius:4px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;max-width:400px;margin:1.5rem auto;padding:2px;display:grid;box-shadow:0 4px 12px #0000000d}.demo-box[data-v-3c130856]{background-color:#0000;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:100%;height:100%;display:grid}.demo-cell[data-v-3c130856]{background-color:var(--color-surface-0);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.demo-box--alt .demo-cell[data-v-3c130856]{background-color:var(--color-surface-1)}.demo-cell-bg[data-v-3c130856]{transition:background-color .3s;position:absolute;inset:0}.demo-cell.is-highlight .demo-cell-bg[data-v-3c130856]{background-color:var(--color-surface-board)}.demo-cell.is-pivot .demo-cell-bg[data-v-3c130856]{background-color:color-mix(in srgb, var(--color-status-warning) 20%, transparent)}.demo-cell.is-pincer .demo-cell-bg[data-v-3c130856]{background-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.demo-cell.is-eliminated-bg .demo-cell-bg[data-v-3c130856]{background-color:color-mix(in srgb, var(--color-status-danger) 10%, transparent)}.demo-text[data-v-3c130856]{z-index:10;color:var(--color-text-primary);font-family:Helvetica Neue,sans-serif;font-size:1.8rem;font-weight:700;line-height:1;position:relative}.demo-notes[data-v-3c130856]{z-index:10;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid;position:absolute;inset:0}.demo-note[data-v-3c130856]{color:var(--color-text-muted);opacity:0;justify-content:center;align-items:center;font-family:Helvetica Neue,sans-serif;font-size:.75rem;line-height:1;display:flex}.demo-note.is-visible[data-v-3c130856],.demo-note.is-eliminated-note[data-v-3c130856]{opacity:1}.demo-note.is-highlight-note[data-v-3c130856]{opacity:1;color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-primary) 80%, transparent);border-radius:2px;font-weight:500}.demo-note.is-eliminated-note[data-v-3c130856]{color:var(--color-text-primary);font-weight:500;position:relative}.demo-note.is-eliminated-note[data-v-3c130856]:after{content:"";border:1px solid var(--color-status-danger);background:linear-gradient(45deg, transparent calc(50% - .5px), var(--color-status-danger) calc(50% - .5px), var(--color-status-danger) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(-45deg, transparent calc(50% - .5px), var(--color-status-danger) calc(50% - .5px), var(--color-status-danger) calc(50% + .5px), transparent calc(50% + .5px));pointer-events:none;z-index:2;opacity:.75;border-radius:50%;width:1.3em;height:1.3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=480px){.demo-text[data-v-3c130856]{font-size:1.5rem}.demo-note[data-v-3c130856]{font-size:.75rem}}