.square{align-items:center;background:#00ffc814;border:2px solid #08f7fe;border-radius:12px;box-shadow:inset 0 0 15px #00ffc866,0 0 15px #00ffc866;cursor:pointer;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin:10px;overflow:hidden;position:relative;text-shadow:0 0 10px #00f5d4;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100px}.square:before{background:radial-gradient(circle,#08f7fe 0,#0000 80%);content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-out;width:0}body{align-items:center;background:radial-gradient(circle at center,#010408 0,#000 100%);color:#08f7fe;display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden}body:before{animation:gridScroll 30s linear infinite;background:linear-gradient(90deg,#08f7fe40 1px,#0000 0),linear-gradient(180deg,#08f7fe40 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:-1}@keyframes gridScroll{0%{background-position:0 0}to{background-position:500px 500px}}@keyframes pulseBackground{0%{opacity:.1}to{opacity:.2}}.card-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a141eb3;border:1px solid #08f7fe80;border-radius:16px;box-shadow:0 0 40px #08f7fe4d,inset 0 0 10px #08f7fe1a;padding:20px}.square.clicked:before{height:200px;opacity:.8;width:200px}.square img{filter:drop-shadow(0 0 10px #08f7fe) drop-shadow(0 0 20px #00f5d4);height:75%;transition:transform .3s ease,filter .3s ease;width:75%}.square:hover img{filter:drop-shadow(0 0 20px #ffffff) drop-shadow(0 0 40px #08f7fe);transform:scale(1.15) rotate(3deg)}.status{animation:glowText 1.5s ease-in-out infinite alternate;color:#08f7fe;display:"flex";font-family:DotGothic16,monospace;font-size:3rem;font-weight:700;justify-content:center;letter-spacing:3px;margin-bottom:40px;text-align:center;text-shadow:0 0 15px #08f7fe,0 0 30px #00f5d4,0 0 45px #08f7fecc;text-transform:uppercase}@keyframes glowText{0%{text-shadow:0 0 10px #08f7fe,0 0 20px #00f5d4}to{text-shadow:0 0 25px #08f7fe,0 0 50px #00f5d4,0 0 70px #08f7fe80}}.board-row{display:flex;justify-content:center}
/*# sourceMappingURL=main.e2a8536c.css.map*/