:root{color-scheme:light}body{margin:0}.ttt-status{font-weight:600;margin-bottom:14px}.ttt-hero-avatar{width:128px;height:128px;border-radius:999px;overflow:hidden;box-shadow:0 18px 42px #0f172a2e;flex:0 0 auto}.ttt-hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:10px;margin-bottom:16px;padding:12px;background:#0f172a0f;border-radius:16px}.ttt-cell{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;font-size:46px;font-weight:700;color:#1f2b4d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.ttt-cell:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.ttt-cell.is-filled{cursor:default;background:#0f172a0f}.ttt-cell.is-fading{opacity:.5}.ttt-cell.is-X{color:#7c5cff}.ttt-cell.is-O{color:#22a7f0}.ttt-cell.is-winning{border:2px solid #7c5cff;box-shadow:0 0 0 4px #7c5cff1f}.ttt-cell.is-winning-O{border-color:#22a7f0;box-shadow:0 0 0 4px #22a7f02e}.ttt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ttt-history ol{margin:0 0 0 18px}.ttt-list{padding-left:18px;margin:0}.ttt-endpoints{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}@media (max-width: 768px){.ttt-board{grid-template-columns:repeat(3,1fr)}}