body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{box-sizing:border-box;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.App{align-items:center;background:linear-gradient(135deg,#232526,#414345);color:#f8f8f8;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;justify-content:flex-start;min-height:100vh;min-width:100vw;padding:40px 0 0}h1{font-size:2.5rem;letter-spacing:2px;margin-bottom:24px;text-shadow:0 2px 8px #000a}button{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 8px 12px 0;padding:10px 20px;transition:background .2s,transform .2s}button:hover{background:linear-gradient(90deg,#0072ff,#00c6ff);transform:translateY(-2px) scale(1.05)}.grid{background:#22292f;border:2px solid #00c6ff44;display:grid;margin:0 auto;overflow:hidden}.cell{background:#23272f;border:1px solid #2c313a;cursor:pointer;height:20px;transition:background .2s,box-shadow .2s;width:20px}.cell.live{background:radial-gradient(circle,#00c6ff 60%,#0072ff 100%);border:1px solid #00c6ff;box-shadow:0 0 8px #00c6ffcc,0 0 2px #fff8}@media (max-width:900px){.grid{transform:scale(.7)}}
/*# sourceMappingURL=main.50bd123a.css.map*/