@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--neon: #00ff41;--neon-dim: #00cc33;--neon-glow: rgba(0, 255, 65, .4);--blue: #00d4ff;--blue-glow: rgba(0, 212, 255, .4);--bg: #050505;--bg-card: rgba(0, 255, 65, .04);--border: rgba(0, 255, 65, .2);--text-dim: rgba(0, 255, 65, .45);--card-size: 80px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);font-family:Share Tech Mono,monospace;color:var(--neon);overflow-x:hidden}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:100}.particles{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.particles span{position:absolute;display:block;width:2px;height:2px;background:var(--neon);border-radius:50%;opacity:0;animation:float-up linear infinite}.particles span:nth-child(1){left:10%;animation-duration:8s;animation-delay:0s}.particles span:nth-child(2){left:25%;animation-duration:12s;animation-delay:1s}.particles span:nth-child(3){left:40%;animation-duration:10s;animation-delay:3s}.particles span:nth-child(4){left:55%;animation-duration:9s;animation-delay:2s}.particles span:nth-child(5){left:70%;animation-duration:11s;animation-delay:4s}.particles span:nth-child(6){left:85%;animation-duration:7s;animation-delay:1.5s}.particles span:nth-child(7){left:15%;animation-duration:13s;animation-delay:5s}.particles span:nth-child(8){left:60%;animation-duration:10s;animation-delay:.5s}.particles span:nth-child(9){left:90%;animation-duration:9s;animation-delay:3.5s}.particles span:nth-child(10){left:35%;animation-duration:14s;animation-delay:2.5s}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-10vh) scale(1);opacity:0}}.shell{min-height:100vh;display:grid;place-items:center;padding:1rem;position:relative;z-index:1}.game-container{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;width:100%}.header{text-align:center}.title{font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 10px var(--neon-glow),0 0 30px var(--neon-glow);animation:pulse-text 3s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.75}}.subtitle{font-size:.6rem;color:var(--text-dim);letter-spacing:.25em;margin-top:.2rem}.hud{display:flex;justify-content:space-between;width:100%;padding:.4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.7rem}.hud-item{display:flex;gap:.3rem;align-items:center}.hud-label{color:var(--text-dim)}.hud-value{color:var(--neon);text-shadow:0 0 6px var(--neon-glow)}.status-msg{font-size:.75rem;min-height:1.1em;text-align:center;letter-spacing:.1em;color:var(--text-dim);transition:all .3s ease}.status-msg.success{color:var(--neon);text-shadow:0 0 8px var(--neon-glow)}.status-msg.fail{color:#ff0040;text-shadow:0 0 8px rgba(255,0,64,.5)}.card-grid{display:grid;gap:.6rem;justify-content:center}.card-grid.cols-2{grid-template-columns:repeat(2,var(--card-size))}.card-grid.cols-4{grid-template-columns:repeat(4,var(--card-size))}.card-wrapper{width:var(--card-size);height:var(--card-size);perspective:600px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.card-wrapper.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);transition:border-color .3s ease,box-shadow .3s ease}.card-front{transform:rotateY(180deg);font-size:1.8rem}.card-back{background:#00ff4105}.card-back:after{content:"?";font-size:1.2rem;color:var(--text-dim);letter-spacing:0}.card-wrapper:not(.flipped):not(.matched):hover .card-back{border-color:#00ff4173;box-shadow:0 0 10px #00ff4126}.card-wrapper.matched .card-front{border-color:var(--neon);box-shadow:0 0 12px var(--neon-glow),inset 0 0 8px #00ff410f;animation:match-glow .6s ease}@keyframes match-glow{0%{box-shadow:0 0 20px var(--neon-glow),0 0 40px #00ff414d}to{box-shadow:0 0 12px var(--neon-glow),inset 0 0 8px #00ff410f}}.card-wrapper.mismatch .card-inner{animation:card-shake .4s ease}@keyframes card-shake{0%,to{transform:rotateY(180deg) translate(0)}20%{transform:rotateY(180deg) translate(-4px)}40%{transform:rotateY(180deg) translate(4px)}60%{transform:rotateY(180deg) translate(-3px)}80%{transform:rotateY(180deg) translate(3px)}}.action-btn{font-family:Share Tech Mono,monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:var(--neon);border:none;padding:.6rem 1.8rem;border-radius:3px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px var(--neon-glow)}.action-btn:hover{background:#3f6;box-shadow:0 0 20px var(--neon-glow),0 0 40px #00ff4126}.action-btn:active{transform:scale(.97)}.action-btn.secondary{background:transparent;color:var(--neon);border:1px solid var(--border);box-shadow:none}.action-btn.secondary:hover{border-color:var(--neon);box-shadow:0 0 10px #00ff4126}.level-select{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.level-btn{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid var(--border);padding:.4rem .8rem;border-radius:3px;cursor:pointer;transition:all .2s ease}.level-btn:hover,.level-btn.active{color:var(--neon);border-color:var(--neon);box-shadow:0 0 8px #00ff4133}.win-screen{text-align:center;animation:fade-in .5s ease;display:flex;flex-direction:column;align-items:center;gap:.6rem}.win-screen h2{font-size:1.1rem;color:var(--neon);text-shadow:0 0 15px var(--neon-glow);letter-spacing:.25em}.win-stats{font-size:.75rem;color:var(--text-dim);line-height:1.8}.win-stats span{color:var(--neon);text-shadow:0 0 6px var(--neon-glow)}.new-record{font-size:.7rem;color:#fa0;text-shadow:0 0 8px rgba(255,170,0,.4);animation:pulse-text 1.5s ease-in-out infinite}.win-buttons{display:flex;gap:.6rem;margin-top:.5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.level-msg{font-size:.85rem;color:var(--blue);text-shadow:0 0 10px var(--blue-glow);letter-spacing:.2em;animation:fade-in .4s ease}@media(max-width:480px){:root{--card-size: 65px}.title{font-size:1.2rem}.card-grid{gap:.4rem}.card-front{font-size:1.4rem}.hud{font-size:.6rem}}@media(max-width:360px){:root{--card-size: 58px}}