@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap);.cell{border:1px solid rgba(156,197,220,.13);display:inline-block;height:24px;height:var(--cell-size,24px);margin-bottom:-1px;margin-left:-1px;transition:background-color .14s ease,box-shadow .14s ease;width:24px;width:var(--cell-size,24px)}.cell:hover{box-shadow:inset 0 0 0 1px rgba(47,209,166,.8)}.dead{background-color:var(--grid-dead)}.live{background-color:var(--grid-live);box-shadow:inset 0 0 8px hsla(0,0%,100%,.25)}.grid-board{aspect-ratio:1/1;background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 28px rgba(0,0,0,.28);max-width:600px;overflow:hidden;width:min(90vw,600px)}@media (max-width:680px){.grid-board{width:min(95vw,600px)}}.controls{align-items:stretch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.2);flex-direction:column;padding:1rem}.controls,.playback{display:flex;gap:1rem}.icon-button,.playback{justify-content:center}.icon-button{align-items:center;background:linear-gradient(145deg,rgba(17,44,58,.85),rgba(8,22,32,.95));border:1px solid var(--border);border-radius:50%;cursor:pointer;display:inline-flex;height:64px;transition:box-shadow .18s ease,border-color .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,-webkit-transform .18s ease;width:64px}.controls img{border-radius:50%;height:60px;padding:8px;width:60px}.control-mark{color:var(--text-main);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.08em;line-height:1}.icon-button:hover{border-color:rgba(47,209,166,.75);box-shadow:0 0 0 3px rgba(47,209,166,.25),0 8px 18px rgba(8,15,18,.4);-webkit-transform:translateY(-2px) scale(1.03);transform:translateY(-2px) scale(1.03)}.icon-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;-webkit-transform:none;transform:none}.button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;border-radius:12px;color:#05241d;cursor:pointer;font-size:1rem;font-weight:700;height:46px;line-height:40px;margin:0;text-align:center;transition:box-shadow .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,-webkit-transform .18s ease;width:100%}.button:hover{box-shadow:0 8px 20px rgba(5,20,25,.32);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.slider-container{align-items:flex-start;color:var(--text-main);display:flex;flex-direction:column;gap:.45rem}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;background:rgba(125,169,194,.45);border-radius:3px;height:6px;outline:none;width:100%}.slider-container input[type=range]::-webkit-slider-runnable-track{background:rgba(125,169,194,.45);border-radius:3px}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:2px solid #012a20;border-radius:50%;cursor:pointer;height:18px;margin-top:-6px;width:18px}.slider-container input[type=range]::-moz-range-track{background:rgba(125,169,194,.45);border-radius:3px}.slider-container input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #012a20;border-radius:50%;cursor:pointer;height:18px;width:18px}.button:focus-visible,.icon-button:focus-visible,.slider-container input[type=range]:focus-visible{outline:3px solid rgba(47,209,166,.45);outline-offset:3px}.presets{align-items:stretch;align-self:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:0;padding:1rem;width:100%}.presets,.presets h3{color:var(--text-main)}.presets h3{font-family:Space Grotesk,sans-serif;font-size:1.1rem;margin:0 0 .75rem;text-align:center}.preset{align-items:center;background:rgba(6,21,30,.55);border:1px solid rgba(142,186,212,.2);border-radius:12px;color:var(--text-main);cursor:pointer;display:flex;font-size:1rem;gap:.65rem;line-height:1.3;padding:.6rem .8rem;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,-webkit-transform .16s ease;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,-webkit-transform .16s ease;width:100%}.preset img{background:hsla(0,0%,100%,.08);border-radius:50%;height:44px;padding:2px;width:44px}.preset span{font-weight:600}.preset:hover{border-color:rgba(47,209,166,.7);box-shadow:0 8px 14px rgba(0,0,0,.25);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.preset:focus-visible{outline:3px solid rgba(47,209,166,.45);outline-offset:2px}.game{flex-direction:column;gap:1.5rem;justify-content:center}.game,.top{display:flex}.top{align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.24);color:var(--text-main);flex-direction:row;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.top h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,1.2rem + 1vw,2rem);letter-spacing:.02em;margin:0;text-align:left}.top h4{background:rgba(8,24,34,.7);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-weight:600;margin:0;padding:.55rem .9rem}.main{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:1.4rem;justify-content:center}.side-panel{display:flex;flex-direction:column;gap:1rem;min-width:290px}@media (max-width:980px){.main{align-items:center;flex-direction:column}.side-panel{width:min(100%,620px)}}@media (max-width:680px){.top{align-items:stretch;flex-direction:column;text-align:left}.top h4{align-self:flex-start}.main{flex-direction:column;gap:.95rem}.side-panel{min-width:0}}.info{display:flex;justify-content:center;margin-top:1.25rem;text-align:left}.rules{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 24px rgba(0,0,0,.2);color:var(--text-main);padding:1.4rem 1.5rem;width:min(100%,1024px)}.rules h2{font-family:Space Grotesk,sans-serif;margin-top:0}.rules li,.rules p{color:var(--text-muted)}.rules strong{color:var(--text-main)}@media (max-width:680px){.rules{padding:1rem}}.App{-webkit-animation:fade-up .7s ease-out;animation:fade-up .7s ease-out;margin:0 auto;max-width:1240px;padding:2.25rem 1.25rem 3rem;text-align:center}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:680px){.App{padding:1.1rem .75rem 2rem}}:root{--bg-deep:#081822;--bg-mid:#0e2735;--bg-soft:#133447;--surface:rgba(11,32,44,.78);--surface-strong:rgba(8,24,34,.92);--border:rgba(142,186,212,.25);--text-main:#e8f3fa;--text-muted:#a7c2d2;--accent:#2fd1a6;--accent-strong:#17b68f;--grid-dead:#07141c;--grid-live:#e5fff8}*{box-sizing:border-box}#root,body,html{min-height:100%}body{background:radial-gradient(circle at 8% 14%,rgba(47,209,166,.35),transparent 34%),radial-gradient(circle at 86% 6%,rgba(90,166,255,.22),transparent 30%),linear-gradient(150deg,#081822,#0e2735 55%,#133447);background:radial-gradient(circle at 8% 14%,rgba(47,209,166,.35),transparent 34%),radial-gradient(circle at 86% 6%,rgba(90,166,255,.22),transparent 30%),linear-gradient(150deg,var(--bg-deep),var(--bg-mid) 55%,var(--bg-soft));background-attachment:fixed;color:#e8f3fa;color:var(--text-main);font-family:Outfit,sans-serif;font-size:18px;line-height:1.5;margin:0;width:100%}button,input,label{font:inherit}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{background:#041117}::-webkit-scrollbar-thumb{background:#38586a;border-radius:1em;transition-duration:.25s}::-webkit-scrollbar-thumb:hover{background:#81b4d0;transition-duration:.25s}
/*# sourceMappingURL=main.7b670bdf.css.map*/