@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;padding:0;background-color:#1a1b1e;font-family:Poppins,sans-serif;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"?";position:fixed;font-family:Inter,sans-serif;color:#9370db0d;z-index:0}body:before{top:0;left:0;width:100%;height:100%;font-size:200px;display:flex;align-items:center;justify-content:center;transform:rotate(-15deg)}body:after{bottom:-50px;right:-50px;font-size:400px;transform:rotate(15deg)}.container{max-width:800px;margin:0 auto;padding:40px 20px;text-align:center;height:100vh;max-height:max-content;position:relative;z-index:1;backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(26,27,30,.95),rgba(26,27,30,.85))}h1{font-size:2.8em;margin-bottom:30px;font-weight:700;letter-spacing:-1px;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3)}.categoria-selector{margin:60px 0 30px}.categorias{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;margin:20px auto;max-width:800px;padding:0 20px}.categoria-btn{padding:24px 32px;font-size:1.5em;display:flex;flex-direction:row;align-items:center;gap:18px;border:none;border-radius:20px;transition:all .3s ease;box-shadow:0 8px 24px #0000004d;font-weight:600;letter-spacing:1px;font-family:Raleway,sans-serif;text-transform:uppercase;backdrop-filter:blur(8px);position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:2px solid rgba(255,255,255,.2);color:#fff;text-shadow:0 0 5px rgba(255,255,255,.2)}.categoria-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,0));opacity:0;transition:opacity .3s ease}.categoria-btn:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(255,255,255,0) 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;opacity:0}.categoria-btn:hover:before{opacity:1}.categoria-btn:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}.categoria-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000026,0 0 20px #fff3;filter:brightness(1.2);border-color:#fff3}.categoria-btn:active{transform:translateY(2px);box-shadow:0 5px 10px #0000001a,0 0 10px #fff3}.categoria-icon{font-size:1.6em;display:flex;color:#fff;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.categoria-btn:hover .categoria-icon{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.categoria-btn[style*="#2b44ff"]{background:linear-gradient(145deg,rgba(43,68,255,.2),rgba(43,68,255,.1));border-color:#2b44ff80}.categoria-btn[style*="#4cd964"]{background:linear-gradient(145deg,rgba(76,217,100,.2),rgba(76,217,100,.1));border-color:#4cd96480}.categoria-btn[style*="#ff9500"]{background:linear-gradient(145deg,rgba(255,149,0,.2),rgba(255,149,0,.1));border-color:#ff950080}.categoria-btn[style*="#ff2d55"]{background:linear-gradient(145deg,rgba(255,45,85,.2),rgba(255,45,85,.1));border-color:#ff2d5580}.categoria-btn[style*="#8e1d1d"]{background:linear-gradient(145deg,rgba(142,29,29,.2),rgba(142,29,29,.1));border-color:#8e1d1d80}.categoria-btn[style*="#ffcc00"]{background:linear-gradient(145deg,rgba(255,204,0,.2),rgba(255,204,0,.1));border-color:#ffcc0080}.pregunta{background-color:#ffffff1a;margin:20px auto;padding:25px;border-radius:20px;box-shadow:0 4px 15px #0000001a;max-width:600px;backdrop-filter:blur(10px)}.pregunta p{font-size:1.4em;color:#fff;margin-bottom:25px;line-height:1.4}.opciones{display:flex;flex-direction:column;gap:15px;margin:20px auto;max-width:500px}.opcion-btn{padding:15px 20px;font-size:1.2em;border:2px solid rgba(255,255,255,.2);border-radius:12px;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s;text-align:left;position:relative}.opcion-btn:hover{background-color:#fff3;transform:translate(5px)}.opcion-btn.seleccionada{background-color:#fc0;border:2px solid #ff9500;color:#1a1b1e}.opcion-btn.descartada{background-color:#cccccc80!important;cursor:not-allowed}.opcion-btn.correcta{background-color:#4cd964;color:#fff;border-color:#4cd964}.opcion-btn.incorrecta{background-color:#f44336;color:#fff;border-color:#da190b}.controles{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}.controles button{padding:12px 25px;font-size:1.1em;border:none;border-radius:12px;background-color:#2b44ff;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;align-items:center;gap:12px}.controles button:hover{background-color:#1a2db3;transform:translateY(-2px)}.controles button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.juego h2{color:#2b44ff;font-size:1.8em;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}@media (max-width: 768px){h1{font-size:2.2em}.categorias{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.categoria-btn{padding:15px 20px;font-size:1em}.pregunta p{font-size:1.2em}.opcion-btn{font-size:1em;padding:12px 18px}.controles button{font-size:1em;padding:10px 20px}}