@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";:root{--color-fondo: #0A0A0A;--color-neon-rojo: #FF00FF;--color-neon-azul: #00FFFF;--color-neon-verde: #00FF00;--glitch-duracion: .2s}body{margin:0;background-color:var(--color-fondo);color:#fff;font-family:Major Mono Display,monospace;overflow:hidden;position:relative;animation:glitch-bg 10s infinite}@keyframes glitch-bg{0%{background-color:var(--color-fondo)}1%{background-color:var(--color-neon-rojo)}3%{background-color:var(--color-fondo)}5%{background-color:var(--color-neon-azul)}7%{background-color:var(--color-fondo)}9%{background-color:var(--color-neon-verde)}10%{background-color:var(--color-fondo)}to{background-color:var(--color-fondo)}}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle,var(--color-neon-rojo) 1px,transparent 1px) 0 0 / 10px 10px,radial-gradient(circle,var(--color-neon-azul) 1px,transparent 1px) 5px 5px / 10px 10px;filter:blur(.5px);animation:pulsar-grid 5s infinite;z-index:-1}@keyframes pulsar-grid{0%{background-size:10px 10px,10px 10px}50%{background-size:11px 11px,11px 11px}to{background-size:10px 10px,10px 10px}}.titulo,h1{text-align:center;padding:20px;font-size:clamp(1.6rem,6vw,4rem);color:#fff;text-shadow:0 0 10px var(--color-neon-rojo),0 0 20px var(--color-neon-azul);animation:neon-pulse 3s infinite alternate,glitch 1s infinite;position:relative}@keyframes neon-pulse{0%{text-shadow:0 0 5px var(--color-neon-rojo),0 0 10px var(--color-neon-azul)}to{text-shadow:0 0 15px var(--color-neon-rojo),0 0 30px var(--color-neon-azul)}}@keyframes glitch{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)}}#divBotones{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:1rem}.btn{font-size:1.5rem;padding:15px 30px;margin:0 10px;border:none;border-radius:5px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;box-shadow:0 0 5px var(--color-neon-rojo),0 0 10px var(--color-neon-azul)}.btn-danger{background-color:transparent;border:2px solid var(--color-neon-rojo);color:var(--color-neon-rojo)}.btn-primary{background-color:transparent;border:2px solid var(--color-neon-azul);color:var(--color-neon-azul)}.btn:hover{transform:scale(1.1);box-shadow:0 0 10px var(--color-neon-rojo),0 0 20px var(--color-neon-azul);background-color:var(--color-neon-rojo);color:var(--color-fondo)}.btn:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;border:2px solid grey;color:gray;box-shadow:none}#computadora-cartas,#jugador-cartas{height:auto;min-height:180px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.carta{position:relative;width:clamp(80px,22vw,150px);left:0;margin-left:0;border-radius:10px;box-shadow:0 0 10px var(--color-neon-verde),0 0 20px var(--color-neon-verde);transform:perspective(500px) rotateY(15deg);transition:transform .5s ease-in-out,box-shadow .5s ease}.carta:hover{transform:perspective(500px) rotateY(0) scale(1.1);box-shadow:0 0 20px var(--color-neon-rojo),0 0 40px var(--color-neon-rojo)}.divCartas img.nueva-carta{animation:aparecer-carta .5s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes aparecer-carta{0%{transform:translateY(-100px) rotateY(90deg) scale(.5);opacity:0}to{transform:translateY(0) rotateY(0) scale(1);opacity:1}}small{font-size:clamp(1.2rem,5vw,2rem);text-shadow:0 0 5px var(--color-neon-verde);animation:pulsar-puntos 2s infinite alternate}@keyframes pulsar-puntos{0%{color:#fff}to{color:var(--color-neon-verde)}}.victoria-container{position:fixed;inset:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;z-index:1000;animation:fadeIn .5s ease-in-out;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mensaje-victoria{font-size:clamp(2rem,8vw,6rem);color:#fff;text-align:center;margin:0;text-shadow:0 0 15px #FF00FF,0 0 30px #00FFFF,0 0 45px #00FF00;animation:neon-pulse 2s infinite alternate,glitch .5s infinite}.victoria-container .btn{margin-top:24px;font-size:clamp(1rem,4vw,1.25rem);padding:12px 24px}.particulas-neon{position:absolute;inset:0;overflow:hidden}.particula{position:absolute;width:10px;height:10px;background-color:var(--color-neon-rojo);border-radius:50%;animation:explosion 1s forwards;opacity:0}@media (min-width: 992px){.carta{width:150px;margin-left:-75px;left:60px}}@media (max-width: 576px){body{overflow:auto}#divBotones{flex-direction:column;gap:10px}#divBotones .btn{width:90%;max-width:360px}.titulo,h1{animation:neon-pulse 3s infinite alternate}.mensaje-victoria{text-shadow:0 0 10px #FF00FF,0 0 18px #00FFFF,0 0 24px #00FF00;animation:neon-pulse 2s infinite alternate}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}