.retro-container{background-color:#fff;display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace}.retro-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px}.atom-container{position:relative;width:80px;height:80px}.nucleus{position:absolute;top:50%;left:50%;width:10px;height:10px;background:#000;transform:translate(-50%,-50%)}.orbit{width:100%;height:100%;left:0}.electron,.orbit{position:absolute;top:0}.electron{width:6px;height:6px;background:#000;left:50%;transform:translateX(-50%)}.orbit-1{animation:spin 1.5s linear infinite}.orbit-2{transform:rotate(60deg)}.orbit-2 .electron{animation:orbitPath 1.2s linear infinite}.orbit-3{transform:rotate(120deg)}.orbit-3 .electron{animation:orbitPath 1.8s linear infinite reverse}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbitPath{0%{top:0}50%{top:100%}to{top:0}}.loading-section{display:flex;flex-direction:column;gap:10px;width:200px}.label{font-size:10px;font-weight:700;letter-spacing:1px;color:#000}.pixel-bar{display:flex;gap:4px;border:2px solid #000;padding:4px;height:24px}.pixel-segment{flex:1 1;background:#000;opacity:0;animation:blinkSteps 2s infinite}.s1{animation-delay:.1s}.s2{animation-delay:.2s}.s3{animation-delay:.3s}.s4{animation-delay:.4s}.s5{animation-delay:.5s}.s6{animation-delay:.6s}.s7{animation-delay:.7s}.s8{animation-delay:.8s}@keyframes blinkSteps{0%,20%{opacity:0}21%,to{opacity:1}}