.c4-board .c4-cell{aspect-ratio:1;border-radius:50%;background:var(--color-surface);border:none;cursor:pointer;padding:0;transition:box-shadow .15s,transform .1s}.c4-board .c4-cell:not(:disabled):hover{transform:scale(1.06)}.c4-board .c4-cell:disabled{cursor:default}.c4-board .c4-cell.r{background:radial-gradient(circle at 35% 30%,#ff6b61,#d92d22)}.c4-board .c4-cell.y{background:radial-gradient(circle at 35% 30%,#ffe08a,#eab308)}.c4-board .c4-cell.hint{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--color-accent);animation:c4pulse 1.1s ease-in-out infinite}@keyframes c4pulse{0%,to{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--color-accent)}50%{box-shadow:0 0 0 3px #fff,0 0 0 9px #0891b266}}.demo-wrap[data-astro-cid-snf5vnxa]{padding:2rem 1.5rem 4.5rem}.demo-card[data-astro-cid-snf5vnxa]{max-width:600px;margin:0 auto;background:var(--color-surface2);border:1px solid var(--color-border);border-radius:20px;padding:2rem 1.75rem;text-align:center;box-shadow:0 10px 40px #14152e0f}.demo-chip[data-astro-cid-snf5vnxa]{width:56px;height:56px;border-radius:14px;background:#0891b21f;border:1px solid rgba(8,145,178,.25);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 1rem}.demo-tag[data-astro-cid-snf5vnxa]{display:inline-block;background:#0891b21a;border:1px solid rgba(8,145,178,.25);border-radius:100px;padding:.3rem .85rem;color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem}.demo-title[data-astro-cid-snf5vnxa]{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 0 .6rem;color:var(--color-text)}.demo-lead[data-astro-cid-snf5vnxa]{color:var(--color-muted);line-height:1.7;font-size:.95rem;margin:0 auto 1.2rem;max-width:440px}.demo-tabs[data-astro-cid-snf5vnxa]{display:inline-flex;gap:.4rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;padding:.3rem;margin-bottom:1rem}.demo-tab[data-astro-cid-snf5vnxa]{font-family:inherit;font-size:.86rem;font-weight:700;padding:.5rem 1rem;border:none;border-radius:9px;background:transparent;color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s}.demo-tab[data-astro-cid-snf5vnxa].active{background:var(--color-accent);color:#fff}.demo-tab[data-astro-cid-snf5vnxa]:not(.active):hover{color:var(--color-text)}.demo-panel[data-astro-cid-snf5vnxa][hidden]{display:none}.dm-diff[data-astro-cid-snf5vnxa]{display:inline-flex;margin:0 auto;border:1.5px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-surface)}.dm-seg[data-astro-cid-snf5vnxa]{font-family:inherit;font-size:.8rem;font-weight:700;padding:.4rem .9rem;border:none;background:transparent;color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s}.dm-seg[data-astro-cid-snf5vnxa]+.dm-seg[data-astro-cid-snf5vnxa]{border-left:1.5px solid var(--color-border)}.dm-seg[data-astro-cid-snf5vnxa]:hover{color:var(--color-text)}.dm-seg[data-astro-cid-snf5vnxa].active{background:var(--color-accent);color:#fff}.dm-status[data-astro-cid-snf5vnxa]{min-height:1.4em;color:var(--color-text);font-weight:600;font-size:.92rem;margin:.9rem 0 1rem}.dm-actions[data-astro-cid-snf5vnxa]{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.dm-btn[data-astro-cid-snf5vnxa]{font-family:inherit;font-size:.9rem;font-weight:700;padding:.6rem 1.1rem;border-radius:10px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.dm-btn[data-astro-cid-snf5vnxa]:hover{border-color:var(--color-accent);transform:translateY(-1px)}.dm-btn[data-astro-cid-snf5vnxa].primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@keyframes dmpulse{0%,to{box-shadow:0 0 0 3px var(--color-accent)}50%{box-shadow:0 0 0 7px #0891b252}}.ttt-board[data-astro-cid-snf5vnxa]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:230px;margin:0 auto}.ttt-cell[data-astro-cid-snf5vnxa]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.6rem,7vw,2.1rem);font-weight:800;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s}.ttt-cell[data-astro-cid-snf5vnxa]:not(:disabled):hover{background:var(--color-surface2);transform:translateY(-2px)}.ttt-cell[data-astro-cid-snf5vnxa]:disabled{cursor:default}.ttt-cell[data-astro-cid-snf5vnxa].x{color:var(--color-accent)}.ttt-cell[data-astro-cid-snf5vnxa].o{color:var(--color-accent3)}.ttt-cell[data-astro-cid-snf5vnxa].hint{box-shadow:0 0 0 3px var(--color-accent);animation:dmpulse 1.1s ease-in-out infinite}.c4-board[data-astro-cid-snf5vnxa]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:300px;margin:0 auto;background:#2b57d6;padding:8px;border-radius:14px}