.app{min-height:100vh;background:#0b1220;color:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{margin-bottom:.5rem}.status{margin-bottom:1rem}.board{background:#1f2937;padding:.5rem;border-radius:.75rem;box-shadow:0 20px 40px #0006}.row{display:flex}.cell{width:56px;height:56px;margin:4px;border-radius:50%;border:none;background:#111827;cursor:pointer}.cell.human{background:#f97316}.cell.ai{background:#3b82f6}.cell:disabled{cursor:default}.reset{margin-top:1rem;padding:.5rem 1rem;border-radius:999px;border:none;background:#f97316;color:#111827;font-weight:600;cursor:pointer}.legend{margin-top:.75rem;display:flex;gap:.75rem;align-items:center;font-size:.9rem}.legend .dot{width:14px;height:14px;border-radius:999px;display:inline-block;margin-left:.5rem}.legend .human{background:#f97316}.legend .ai{background:#3b82f6}.cell:hover:enabled{transform:translateY(-2px);filter:brightness(1.1)}.cell{transition:transform .14s ease,filter .14s ease}@keyframes dropIn{0%{transform:translateY(-28px) scale(.92);opacity:.2}70%{transform:translateY(2px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1)}}.cell.drop.human,.cell.drop.ai{animation:dropIn .26s ease-out}.board.thinking{outline:2px solid rgba(59,130,246,.25);box-shadow:0 0 0 8px #3b82f614;transition:box-shadow .2s ease,outline .2s ease}