@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";:root{--primary: #22d3ee;--primary-glow: rgba(34, 211, 238, .4);--bg-dark: #050c1c;--bg-gradient: radial-gradient(circle at center, #0a192f 0%, #050c1a 100%);--card-bg: rgba(13, 22, 45, .6);--card-border: rgba(255, 255, 255, .08);--cell-bg: rgba(255, 255, 255, .05);--cell-hover: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #94a3b8;--shadow-glow: 0 0 20px rgba(34, 211, 238, .2);--radius-lg: 32px;--radius-md: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-dark);background:var(--bg-gradient);min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-main);overflow-x:hidden}.main-container{max-width:720px;width:95%;display:flex;flex-direction:column;gap:.5rem;padding:1rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{display:flex;justify-content:center;align-items:center}header h1{font-size:.75rem;letter-spacing:.1rem;text-transform:uppercase;font-weight:700;color:var(--primary);opacity:.9}.level-indicator{font-size:.9rem;color:var(--primary);font-weight:600}#buscar-container{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1.2rem;display:flex;justify-content:center;box-shadow:0 4px 30px #0000001a}.buscar-row{display:flex;gap:12px;align-items:center}.buscar-item{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease}.buscar-item.active{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#22d3ee1a}.buscar-item:not(:last-child):after{content:"›";position:absolute;right:-15px;color:var(--text-muted);font-size:1.2rem}.buscar-item div,.juego-cell div{zoom:.8;opacity:.9}#buscar-container .buscar-item.active div{filter:none}#juego-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:.5rem;box-shadow:0 8px 32px #0003}.juego-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;width:100%}.juego-cell{background:var(--cell-bg);aspect-ratio:1;border-radius:50%;cursor:pointer;transition:all .2s ease-out;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.05)}.juego-cell:hover{background:var(--cell-hover);transform:scale(1.1);border-color:#fff3}.juego-cell.seleccion{background:var(--primary);box-shadow:0 0 20px var(--primary-glow);border-color:var(--primary);transform:scale(.95)}#mensaje-container{display:flex;justify-content:center;align-items:center}#mensaje{font-size:1rem;font-weight:600;color:var(--text-muted)}.success-text{color:var(--primary)!important}.error-text{color:#f87171!important}.btn-new-game{background:var(--primary);color:#050c1a;border:none;width:100%;padding:1.1rem;border-radius:100px;font-family:inherit;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:.8rem;box-shadow:var(--shadow-glow);margin-top:.5rem}.btn-new-game:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 30px var(--primary-glow)}.btn-new-game:active{transform:translateY(0)}footer{display:flex;justify-content:center;align-items:flex-end}.score-container{display:flex;flex-direction:column}.score-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05rem}.score-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.avatars{display:flex;align-items:center}.avatar-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-dark);margin-left:-10px;background:#1e293b;overflow:hidden}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@media(max-width:600px){.juego-grid{gap:6px}#juego-card{padding:1rem}.buscar-item{width:42px;height:42px}.btn-new-game{font-size:1rem}}