.fixed-logo{z-index:1000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:fixed;bottom:100px;right:100px}.light-logo{background-image:url(/svg/w_logo_no_bg.svg)}.dark-logo{background-image:url(/svg/b_logo_no_bg.svg)}.flip-section{background:#1a1a1a;justify-content:center;align-items:center;width:315px;margin:0;font-family:Courier New,monospace;display:flex}.board{background:#222;border-radius:10px;box-shadow:0 0 20px #00000080}.display{background:#111;border-radius:5px;gap:4px;display:flex;position:relative;overflow:hidden}.character{perspective:400px;background:#000;border-radius:3px;width:2rem;height:3rem;position:relative;box-shadow:inset 0 0 10px #00000080}.character:before{content:"";z-index:2;background:#ffffff1a;height:1px;position:absolute;top:50%;left:0;right:0}.flip{color:#ffba08;text-align:center;transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;text-shadow:0 0 5px #ffba0880;backface-visibility:hidden;font-size:2.5rem;font-weight:700;line-height:3rem;animation:.3s ease-in-out flip;position:absolute}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.scanline{z-index:3;background:#ffffff1a;width:100%;height:2px;animation:6s linear infinite scan;position:absolute}@keyframes scan{0%{top:0}to{top:100%}}