html,body,#root{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;background:#000}.pixel-card-container{perspective:1000px;width:100%;height:100%}.pixel-card{transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;width:100%;height:100%;position:relative}.pixel-card.flipped{transform:rotateY(180deg)}.pixel-card-front,.pixel-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:2px}.pixel-card-front{background:#121212;border:4px solid #2a2a2a;box-shadow:inset -4px -4px #000,inset 4px 4px #ffffff0d}.pixel-card-front:hover{background:#1a1a1a;border-color:#3a3a3a;box-shadow:inset -4px -4px #000,0 0 15px #00ff9d33}.pixel-card-back{background:#050505;transform:rotateY(180deg)}.pixel-card-back.safe{border:4px solid #00ccff;background:radial-gradient(circle,#034,#050505);box-shadow:0 0 30px #0cf9,inset -4px -4px #068;animation:safe-glow 2s ease-in-out infinite}@keyframes safe-glow{0%,to{box-shadow:0 0 20px #0cf6,inset -4px -4px #068}50%{box-shadow:0 0 40px #0cfc,inset -4px -4px #0cf}}.pixel-card-back.mine{border:4px solid #ff0055;background:radial-gradient(circle,#401,#050505);box-shadow:0 0 30px #f059,inset -4px -4px #802;animation:mine-shake .1s infinite}@keyframes mine-shake{0%{transform:rotateY(180deg) translate(1px,1px)}50%{transform:rotateY(180deg) translate(-1px,-1px)}to{transform:rotateY(180deg) translate(2px)}}.pixel-board-frame{background:#000;border:4px solid #1a1a1a;box-shadow:0 0 40px #00ff9d1a,inset 0 0 100px #000,0 0 0 12px #121212,0 0 0 16px #1a1a1a,20px 20px 40px #000c;position:relative}.terminal-glow{text-shadow:0 0 10px rgba(0,255,157,.5),0 0 20px rgba(0,255,157,.2)}.pixel-board-frame:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px solid rgba(255,255,255,.1);pointer-events:none}.pixel-border{border:4px solid #fff;box-shadow:4px 0 #fff,-4px 0 #fff,0 4px #fff,0 -4px #fff}.pixel-button{position:relative;display:inline-block;padding:10px 20px;background-color:#00ff9d;color:#000;font-family:"Press Start 2P",cursive;text-decoration:none;font-size:14px;box-shadow:inset -4px -4px #00a365;transition:all .1s}.pixel-button:active{box-shadow:inset 4px 4px #00a365;transform:translateY(2px)}.pixel-text-shadow{text-shadow:4px 4px 0px rgba(0,0,0,.5)}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:glitch-text .2s infinite}@keyframes pixel-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.pixel-shake{animation:pixel-shake .5s}.screen-glitch:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ff00001a;pointer-events:none;z-index:100;animation:glitch-anim .1s infinite}@keyframes glitch-anim{0%{opacity:0}50%{opacity:.1}to{opacity:0}}.shadow-bg{background:linear-gradient(45deg,#050505 25%,#0a0a0a,#050505 75%);background-size:400% 400%;animation:shadow-move 10s ease infinite}@keyframes shadow-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}