*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0d0d12;color:#e8e6e3;min-height:100vh}#root{min-height:100vh}@keyframes danger-blink{0%,to{opacity:1;box-shadow:0 0 0 2px #f59e0b}50%{opacity:.6;box-shadow:0 0 0 4px #fbbf24}}.cell.danger{animation:danger-blink 1s ease-in-out infinite;background:#f59e0b40}.cell.playable{background:#22c55e26}.cell.outside{background:#0006;opacity:.5}.cell.agent{background:#6366f180}.cell.agent.danger{background:linear-gradient(135deg,#6366f180,#f59e0b59)}.cell{width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.06);border-radius:2px;cursor:pointer;transition:transform .1s}.cell:hover{transform:scale(1.05)}.cell:disabled{cursor:not-allowed;transform:none}.grid-wrap{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.grid{display:grid;grid-template-columns:repeat(100,1fr);grid-template-rows:repeat(100,1fr);width:min(95vmin,600px);height:min(95vmin,600px);gap:0;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.header h1{margin:0;font-size:1.5rem;font-weight:700}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:600;border:none;cursor:pointer;background:#4f46e5;color:#fff}.btn:hover{background:#4338ca}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#e8e6e3}.btn-secondary:hover{background:#fff3}.stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#9ca3af}.stats span strong{color:#e8e6e3}.legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#9ca3af}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-swatch{width:12px;height:12px;border-radius:2px}.legend-swatch.danger{background:#f59e0b80}.legend-swatch.playable{background:#22c55e4d}.legend-swatch.agent{background:#6366f180}.legend-swatch.outside{background:#0006}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#1a1a22;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;max-width:360px;width:90%}.modal h3{margin-top:0}.modal p{color:#9ca3af;font-size:.875rem}.modal-actions{display:flex;gap:.5rem;margin-top:1rem}