.atom-container{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.atom{will-change:transform;border-radius:50%;width:35%;height:35%;position:absolute;box-shadow:inset -2px -2px 5px #0006,0 1px 4px #0000004d}.atom-1{animation:3s linear infinite rotate-1}.atom-2-1{animation:2s linear infinite orbit-2-1}.atom-2-2{animation:2s linear infinite orbit-2-2}.atom-3-1{animation:2s linear infinite orbit-3-1}.atom-3-2{animation:2s linear infinite orbit-3-2}.atom-3-3{animation:2s linear infinite orbit-3-3}@keyframes rotate-1{0%{transform:rotate(0)translate(25%)rotate(0)}to{transform:rotate(360deg)translate(25%)rotate(-360deg)}}@keyframes orbit-2-1{0%{transform:rotate(0)translate(30%)rotate(0)}to{transform:rotate(360deg)translate(30%)rotate(-360deg)}}@keyframes orbit-2-2{0%{transform:rotate(180deg)translate(30%)rotate(-180deg)}to{transform:rotate(540deg)translate(30%)rotate(-540deg)}}@keyframes orbit-3-1{0%{transform:rotate(0)translate(30%)rotate(0)}to{transform:rotate(360deg)translate(30%)rotate(-360deg)}}@keyframes orbit-3-2{0%{transform:rotate(120deg)translate(30%)rotate(-120deg)}to{transform:rotate(480deg)translate(30%)rotate(-480deg)}}@keyframes orbit-3-3{0%{transform:rotate(240deg)translate(30%)rotate(-240deg)}to{transform:rotate(600deg)translate(30%)rotate(-600deg)}}.cell{border-right:1px solid var(--grid-border);border-bottom:1px solid var(--grid-border);cursor:pointer;transition:background-color .2s,border-color .6s;position:relative;overflow:hidden}.cell:hover{background-color:#ffffff14}#game-grid{border-top:1px solid var(--grid-border);border-left:1px solid var(--grid-border);transition:border-color .6s}@keyframes fadeInBlur{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#000000f2}}.winner-overlay{animation:.8s ease-out forwards fadeInBlur}