@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.home{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.home__hero{text-align:center;margin-bottom:48px;position:relative}.home__hero-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:320px;height:320px;animation:4s ease-in-out infinite heroGlowPulse;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes heroGlowPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.home__logo{color:#f0f0ff;letter-spacing:-.03em;margin-bottom:12px;font-size:3.5rem;font-weight:900;position:relative}.home__logo-icon{margin-right:8px;animation:3s ease-in-out infinite logoWobble;display:inline-block}@keyframes logoWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.home__accent{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home__tagline{color:#ffffffb3;margin-bottom:6px;font-size:1.15rem;font-weight:500}.home__sub{color:#ffffff59;font-size:.9rem}.home__menu{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.home__btn{color:#f0f0ff;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.home__btn:before{content:"";opacity:0;border-radius:16px;transition:opacity .25s;position:absolute;inset:0}.home__btn:hover:before{opacity:1}.home__btn:hover{border-color:#ffffff1f;transform:translateY(-2px)}.home__btn:disabled{opacity:.5;cursor:wait;transform:none}.home__btn--solo{background:linear-gradient(145deg,#1a1a2e,#22223a)}.home__btn--solo:before{background:linear-gradient(145deg,#3b82f614,#6366f114)}.home__btn--online{background:linear-gradient(145deg,#1a2e1a,#223a22)}.home__btn--online:before{background:linear-gradient(145deg,#22c55e14,#10b98114)}.home__btn--admin{background:linear-gradient(145deg,#2e1a1a,#3a2222)}.home__btn--admin:before{background:linear-gradient(145deg,#f59e0b14,#ef444414)}.home__btn-icon{flex-shrink:0;font-size:2rem}.home__btn strong{margin-bottom:2px;font-size:1rem;font-weight:700;display:block}.home__btn small{color:#fff6;font-size:.78rem;display:block}.home__mazos-count{color:#ffffff40;text-align:center;margin-top:20px;font-size:.75rem}.home__footer{text-align:center;margin-top:40px}.home__footer p{color:#fff3;font-size:.75rem}.home__modal-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.home__modal{text-align:center;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:500px;padding:32px;animation:.35s scaleIn}.home__modal h2{color:#f0f0ff;margin-bottom:6px;font-size:1.5rem;font-weight:800}.home__modal-sub{color:#fff6;margin-bottom:24px;font-size:.85rem}.home__modal-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.home__modal-mazo{cursor:pointer;color:#e0e0f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;font-family:inherit;transition:all .2s;display:flex}.home__modal-mazo:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-2px)}.home__modal-mazo-icon{font-size:2.5rem}.home__modal-mazo strong{font-size:.9rem;font-weight:700}.home__modal-mazo small{color:#ffffff59;font-size:.72rem}.home__modal-close{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:8px 24px;font-family:inherit;font-size:.82rem;transition:all .2s}.home__modal-close:hover{color:#f0f0ff;background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.home__logo{font-size:2.5rem}.home__menu{max-width:100%}}.tarjeta{perspective:600px;cursor:pointer;width:140px;transition:all .3s;position:relative}.tarjeta:hover{transform:translateY(-4px)scale(1.03)}.tarjeta--descartada{filter:grayscale()brightness(.5);opacity:.6;cursor:pointer;transition:all .3s}.tarjeta--descartada:hover{opacity:.8;filter:grayscale(.7)brightness(.6);transform:translateY(-2px)scale(1.01)}.tarjeta__inner{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:2px solid #ffffff0f;border-radius:14px;transition:border-color .3s;overflow:hidden;box-shadow:0 4px 20px #0006}.tarjeta--descartada .tarjeta__inner{border-color:#ef444433}.tarjeta__frente{flex-direction:column;align-items:center;display:flex}.tarjeta__img-wrapper{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.tarjeta__img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.tarjeta:not(.tarjeta--descartada):hover .tarjeta__img{transform:scale(1.05)}.tarjeta__overlay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#dc26268c;justify-content:center;align-items:center;font-size:3rem;font-weight:900;animation:.25s overlayFadeIn;display:flex;position:absolute;inset:0}@keyframes overlayFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tarjeta__nombre{text-align:center;color:#e0e0f0;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:8px 4px;font-size:.85rem;font-weight:600;overflow:hidden}.tarjeta__restore-hint{color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;z-index:5;white-space:nowrap;background:#22c55ee6;border-radius:10px;padding:4px 12px;font-size:.7rem;font-weight:700;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.tarjeta--descartada:hover .tarjeta__restore-hint{transform:translate(-50%,-50%)scale(1)}.tarjeta__btn-adivinar{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:5;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:700;transition:transform .2s,box-shadow .2s;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #f59e0b66}.tarjeta__btn-adivinar:hover{box-shadow:0 4px 18px #f59e0b99}.tablero{flex:1;padding:24px;overflow-y:auto}.tablero__header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 8px;display:flex}.tablero__titulo{color:#f0f0ff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.tablero__stats{gap:8px;display:flex}.tablero__contador{color:#22c55ee6;background:#22c55e14;border:1px solid #22c55e26;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.tablero__descartados{color:#ef4444e6;background:#ef444414;border:1px solid #ef444426;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.tablero__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));justify-items:center;gap:18px;display:grid}@media (width<=600px){.tablero{padding:12px}.tablero__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.chat{flex-direction:column;display:flex}.chat__header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat__titulo{color:#d0d0e8;margin:0;font-size:.95rem;font-weight:600}.chat__count{color:#a5b4fc;text-align:center;background:#6366f133;border-radius:10px;min-width:20px;padding:2px 8px;font-size:.68rem;font-weight:700}.chat__mensajes{flex-direction:column;gap:8px;min-height:80px;padding:12px;display:flex}.chat__vacio{text-align:center;color:#ffffff40;margin-top:20px;font-size:.8rem;font-style:italic}.chat__burbuja{border-radius:12px;max-width:95%;padding:8px 12px;animation:.3s chatFadeIn}.chat__burbuja--jugador{background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #6366f126;border-bottom-right-radius:4px;align-self:flex-end}.chat__burbuja--oponente{background:#ffffff0d;border:1px solid #ffffff0f;border-bottom-left-radius:4px;align-self:flex-start}.chat__pregunta{color:#e0e0f0;margin:0 0 4px;font-size:.78rem;line-height:1.4}.chat__respuesta{border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.chat__respuesta--si{color:#4ade80;background:#22c55e33}.chat__respuesta--no{color:#f87171;background:#ef444433}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.selector{border-top:1px solid #ffffff0f;padding:16px}.selector__titulo{color:#e0e0f0;margin-bottom:4px;font-size:1rem;font-weight:700}.selector__sub{color:#ffffff59;margin-bottom:12px;font-size:.75rem;line-height:1.4}.selector__respuesta{border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;animation:.3s respuestaSlide;display:flex}.selector__respuesta--si{background:#22c55e1f;border:1px solid #22c55e40}.selector__respuesta--no{background:#ef44441f;border:1px solid #ef444440}.selector__respuesta-icon{flex-shrink:0;font-size:1.5rem}.selector__respuesta-pregunta{color:#fff9;margin-bottom:2px;font-size:.78rem}.selector__respuesta strong{color:#f0f0ff;font-size:.9rem}@keyframes respuestaSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.selector__grid{flex-wrap:wrap;gap:6px;display:flex}.selector__btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .2s}.selector__btn:hover:not(:disabled){color:#c7c7ff;background:#6366f11f;border-color:#6366f14d;transform:translateY(-1px)}.selector__btn:active:not(:disabled){transform:scale(.96)}.selector__btn--string{color:#f59e0bcc;border-color:#f59e0b26}.selector__btn--string:hover:not(:disabled){background:#f59e0b1a;border-color:#f59e0b4d}.selector__btn--usada{opacity:.3;pointer-events:none}.selector__btn:disabled{opacity:.4;cursor:not-allowed}.selector--bloqueado{opacity:.6;position:relative}.selector--bloqueado:after{content:"";border-radius:inherit;pointer-events:none;background:#0f0f194d;position:absolute;inset:0}.selector--pc-turn{text-align:center;background:#22c55e0d;border:1px solid #22c55e33;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.selector__thinking{color:#4ade80;flex-direction:column;align-items:center;gap:15px;display:flex}.selector__spinner{border:4px solid #4ade8033;border-top-color:#4ade80;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selector__pc-ask{flex-direction:column;align-items:center;gap:20px;display:flex}.selector__pc-texto{color:#fff;margin:0;font-size:1.2rem;font-weight:500}.selector__pc-actions{justify-content:center;gap:15px;width:100%;display:flex}.selector__btn-resp{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:12px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.selector__btn-resp:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.selector__btn-resp--si{background:#22c55e}.selector__btn-resp--no{background:#ef4444}.selector__pc-hint{color:#ffffff80;margin-top:10px;font-size:.85rem}.game{flex-direction:column;min-height:100vh;display:flex}.game__topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a14cc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.game__back{color:#ffffff80;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.game__back:hover{color:#f0f0ff}.game__mazo-nombre{color:#e0e0f0;font-size:1rem;font-weight:700}.game__topbar-right{align-items:center;gap:10px;display:flex}.game__mi-personaje-badge{color:#e0e0f0;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.8rem;display:flex}.game__mi-personaje-img{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:24px;height:24px}@media (width>=768px){.game__secreto-label{display:inline}}.game__turno-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .3s;animation:2s ease-in-out infinite turnoPulse}.game__turno-badge--oponente{background:linear-gradient(135deg,#ef4444,#dc2626);animation:none}.game__online-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633;border-radius:16px;padding:3px 10px;font-size:.68rem;font-weight:600}@keyframes turnoPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.game__layout{flex:1;display:flex;overflow:hidden}.game__sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19d9;border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.game__resultado-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.game__resultado-card{text-align:center;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:400px;padding:36px;animation:.4s scaleIn}.game__resultado-icon{margin-bottom:12px;font-size:3.5rem;display:block}.game__resultado-card h2{color:#f0f0ff;margin-bottom:8px;font-size:1.8rem;font-weight:800}.game__resultado-card>p{color:#ffffff80;margin-bottom:16px;font-size:.9rem;line-height:1.5}.game__resultado-reveal{margin-bottom:20px}.game__resultado-img{object-fit:cover;border:3px solid #6366f166;border-radius:50%;width:80px;height:80px;margin:0 auto 10px}.game__resultado-frase{color:#fff9;font-size:.82rem;font-style:italic;line-height:1.5}.game__resultado-actions{flex-direction:column;gap:8px;display:flex}.game__resultado-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.game__resultado-btn:hover{color:#f0f0ff;background:#ffffff1a}.game__resultado-btn--replay{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.game__resultado-btn--replay:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}@media (width<=768px){.game__layout{flex-direction:column;overflow:auto}.game__sidebar{border-top:1px solid #ffffff0f;border-left:none;width:100%;max-height:50vh}}.lobby{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.lobby__back{color:#ffffff80;align-self:flex-start;margin-bottom:40px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.lobby__back:hover{color:#f0f0ff}.lobby__container{text-align:center;width:100%;max-width:600px}.lobby__container--wide{max-width:900px}.lobby__titulo{color:#f0f0ff;margin-bottom:8px;font-size:2rem;font-weight:800}.lobby__sub{color:#fff6;margin-bottom:28px;font-size:.95rem}.lobby__error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;font-size:.82rem;animation:.3s slideDown;display:flex}.lobby__error button{color:#f87171;cursor:pointer;background:0 0;border:none;font-size:.9rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lobby__opciones{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lobby__card{text-align:left;background:linear-gradient(145deg,#1a1a2e,#22223a);border:1px solid #ffffff0f;border-radius:16px;padding:24px;transition:border-color .2s}.lobby__card:hover{border-color:#22c55e33}.lobby__card h3{color:#e0e0f0;margin-bottom:8px;font-size:1.1rem;font-weight:700}.lobby__card p{color:#ffffff73;margin-bottom:16px;font-size:.82rem;line-height:1.5}.lobby__loading{color:#ffffff4d;font-size:.78rem}.lobby__mazo-selector{flex-direction:column;gap:6px;display:flex}.lobby__mazo-btn{cursor:pointer;color:#e0e0f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.lobby__mazo-btn:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e40}.lobby__mazo-btn:disabled{opacity:.4;cursor:wait}.lobby__mazo-btn small{color:#ffffff4d;margin-left:auto;font-size:.7rem;font-weight:400}.lobby__input-group{gap:8px;display:flex}.lobby__input{color:#f0f0ff;letter-spacing:.3em;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:1.2rem;font-weight:700;transition:border-color .2s}.lobby__input::placeholder{color:#fff3;letter-spacing:.2em;font-weight:400}.lobby__input:focus{border-color:#6366f180}.lobby__btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.lobby__btn--crear{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);width:100%}.lobby__btn--unirse{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);flex-shrink:0;padding:10px 18px}.lobby__btn--salir{color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff1a;margin-top:16px}.lobby__btn:disabled{opacity:.5;cursor:not-allowed}.lobby__btn:hover:not(:disabled){transform:translateY(-1px)}.lobby__waiting{text-align:center;padding:40px 0}.lobby__waiting h2{color:#f0f0ff;margin-bottom:8px;font-size:1.4rem;font-weight:700}.lobby__waiting p{color:#fff6;margin-bottom:20px;font-size:.88rem}.lobby__spinner{border:3px solid #ffffff14;border-top-color:#22c55e;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite spin}.lobby__code-display{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lobby__code{color:#f0f0ff;letter-spacing:.3em;background:#ffffff0a;border:2px solid #22c55e4d;border-radius:16px;padding:12px 28px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:900}.lobby__copy-btn{color:#4ade80;cursor:pointer;background:#22c55e26;border:1px solid #22c55e40;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.lobby__copy-btn:hover{background:#22c55e40}.lobby__code-hint{color:#ffffff59;font-size:.82rem}.lobby__secreto-grid{text-align:center;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.lobby__secreto-card{cursor:pointer;color:#e0e0f0;background:#ffffff0a;border:2px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-family:inherit;transition:all .2s;display:flex}.lobby__secreto-card:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-2px)}.lobby__secreto-card img{object-fit:cover;border:2px solid #ffffff0f;border-radius:50%;width:60px;height:60px}.lobby__secreto-card span{text-overflow:ellipsis;white-space:nowrap;max-width:85px;font-size:.68rem;font-weight:600;overflow:hidden}@media (width<=600px){.lobby__opciones{grid-template-columns:1fr}.lobby__code{padding:10px 20px;font-size:2rem}}.lobby__preview-thumb{display:inline-block;position:relative}.lobby__preview-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#000000e6;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000004d}.lobby__preview-tooltip:after{content:"";border:4px solid #0000;border-top-color:#000000e6;position:absolute;top:100%;left:50%;transform:translate(-50%)}.lobby__preview-thumb:hover .lobby__preview-tooltip{opacity:1;transform:translate(-50%)translateY(-2px)}.panel-admin{max-width:1100px;min-height:100vh;margin:0 auto;padding:32px 24px}.panel-admin__header{text-align:center;margin-bottom:24px}.panel-admin__titulo{color:#f0f0ff;margin-bottom:6px;font-size:1.8rem;font-weight:800}.panel-admin__sub{color:#ffffff59;font-size:.85rem}.panel-admin__sub strong{color:#a5b4fc}.panel-admin__toast{border-radius:12px;margin-bottom:16px;padding:10px 18px;font-size:.82rem;font-weight:600;animation:.3s toastSlide}.panel-admin__toast--ok{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.panel-admin__toast--error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}@keyframes toastSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-admin__errores{color:#fca5a5;background:#ef44440f;border:1px solid #ef444433;border-radius:12px;margin-bottom:16px;padding:14px 18px;font-size:.78rem}.panel-admin__errores h4{color:#f87171;margin-bottom:8px;font-size:.85rem}.panel-admin__errores ul{margin-bottom:10px;padding-left:18px}.panel-admin__errores li{margin-bottom:3px}.panel-admin__errores button{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:4px 14px;font-size:.72rem}.panel-admin__actions{gap:10px;margin-bottom:20px;display:flex}.panel-admin__action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:10px 20px;font-size:.82rem;font-weight:700;transition:all .2s}.panel-admin__action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.panel-admin__grid{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.panel-admin__card{background:linear-gradient(145deg,#1a1a2e,#22223a);border:1px solid #ffffff0f;border-radius:16px;padding:20px}.panel-admin__card h3{color:#e0e0f0;margin-bottom:12px;font-size:1.05rem;font-weight:700}.panel-admin__loading,.panel-admin__empty{color:#ffffff59;text-align:center;padding:20px 0;font-size:.82rem}.panel-admin__mazo-list{flex-direction:column;gap:6px;display:flex}.panel-admin__mazo-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.panel-admin__mazo-item:hover{background:#ffffff0a}.panel-admin__mazo-item--active{background:#6366f11a;border-color:#6366f140}.panel-admin__mazo-icon{flex-shrink:0;font-size:1.5rem}.panel-admin__mazo-info{flex:1;min-width:0}.panel-admin__mazo-info strong{color:#e0e0f0;font-size:.85rem;display:block}.panel-admin__mazo-info small{color:#ffffff59;font-size:.72rem}.panel-admin__mazo-del{cursor:pointer;opacity:.3;background:0 0;border:none;padding:4px;font-size:.9rem;transition:opacity .2s}.panel-admin__mazo-del:hover{opacity:1}.panel-admin__warning{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:.78rem;line-height:1.5}.panel-admin__warning a{color:#f59e0b;font-weight:600;text-decoration:underline}.panel-admin__section-title{border-top:1px solid #ffffff0f;padding-top:16px;margin-top:20px!important}.panel-admin__mazo-item--local{border:1px dashed #22c55e33}.panel-admin__mazo-item--local:hover{background:#22c55e0f}.panel-admin__mazo-upload{cursor:pointer;color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40;border-radius:8px;padding:4px 8px;font-size:.75rem;transition:all .2s}.panel-admin__mazo-upload:hover{background:#22c55e40}.panel-admin__card--editor{min-height:300px}.panel-admin__placeholder{color:#ffffff40;justify-content:center;align-items:center;min-height:200px;font-size:.9rem;display:flex}.panel-admin__desc{color:#fff6;margin-bottom:16px;font-size:.82rem;line-height:1.5}.panel-admin__personajes-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.panel-admin__personaje-thumb{cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:all .2s;display:flex}.panel-admin__personaje-thumb:hover{background:#ffffff0a;border-color:#6366f133}.panel-admin__personaje-thumb img{object-fit:cover;border:2px solid #ffffff0f;border-radius:50%;width:56px;height:56px}.panel-admin__personaje-thumb span{color:#ffffff80;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.65rem;overflow:hidden}.panel-admin__editor-back{color:#fff6;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:.8rem;transition:color .2s}.panel-admin__editor-back:hover{color:#f0f0ff}.panel-admin__editor h3{margin-bottom:16px}.panel-admin__editor-img{align-items:center;gap:14px;margin-bottom:16px;display:flex}.panel-admin__editor-img img{object-fit:cover;border:2px solid #ffffff0f;border-radius:12px;width:72px;height:72px}.panel-admin__editor-img button{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:8px 14px;font-size:.78rem;transition:all .2s}.panel-admin__editor-img button:hover{color:#f0f0ff;background:#ffffff1a}.panel-admin__field{margin-bottom:12px;display:block}.panel-admin__field span{color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.panel-admin__field input{color:#e0e0f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.panel-admin__field input:focus{border-color:#6366f166}.panel-admin__attrs-title{color:#ffffff80;margin:16px 0 10px;font-size:.82rem;font-weight:700}.panel-admin__attrs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.panel-admin__attr{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.75rem;display:flex}.panel-admin__attr span{color:#ffffff80;text-transform:capitalize;font-weight:500}.panel-admin__attr input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.panel-admin__attr input[type=text]{color:#e0e0f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:90px;padding:3px 8px;font-size:.75rem}.panel-admin__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;width:100%;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.panel-admin__save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22c55e59}.panel-admin__tabs{border-bottom:1px solid #ffffff1a;gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.panel-admin__tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.95rem;font-weight:600;transition:all .2s}.panel-admin__tab:hover{color:#fff;background:#ffffff0d}.panel-admin__tab--active{color:#a5b4fc;background:#a5b4fc1a}.panel-admin__personaje-del{color:#fff;cursor:pointer;opacity:0;background:#ef4444cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.panel-admin__personaje-thumb:hover .panel-admin__personaje-del{opacity:1}.panel-admin__personaje-thumb--add{color:#ffffff80;cursor:pointer;aspect-ratio:3/4;background:0 0;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.panel-admin__personaje-thumb--add:hover{color:#a5b4fc;background:#a5b4fc0d;border-color:#a5b4fc}.panel-admin__personaje-thumb--add span{margin-bottom:8px;font-size:2rem}.panel-admin__trad-list{flex-direction:column;gap:12px;display:flex}.panel-admin__trad-item{align-items:center;gap:10px;display:flex}.panel-admin__trad-item input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem}.panel-admin__trad-item input:focus{border-color:#a5b4fc;outline:none}.panel-admin__trad-del{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:6px;padding:8px;transition:all .2s}.panel-admin__trad-del:hover{color:#fff;background:#ef4444}.panel-admin__btn-add{color:#a5b4fc;cursor:pointer;background:#a5b4fc26;border:1px dashed #a5b4fc4d;border-radius:6px;align-self:flex-start;margin-top:10px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.panel-admin__btn-add:hover{background:#a5b4fc40}.panel-admin__attr-del{color:#ef4444;cursor:pointer;opacity:.5;background:0 0;border:none;transition:opacity .2s}.panel-admin__attr-del:hover{opacity:1}@media (width<=768px){.panel-admin__grid{grid-template-columns:1fr}.panel-admin__actions{flex-wrap:wrap}}.admin-gate{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-gate__loader{text-align:center;color:#ffffff80;font-size:.9rem}.admin-gate__spinner{border:3px solid #ffffff14;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spinGate}@keyframes spinGate{to{transform:rotate(360deg)}}.admin-gate__card{text-align:center;background:linear-gradient(145deg,#1a1a2e,#22223a);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:400px;padding:40px;animation:.4s gateSlideIn}@keyframes gateSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.admin-gate__icon{margin-bottom:16px;font-size:3.5rem;display:block}.admin-gate__card h2{color:#f0f0ff;margin-bottom:8px;font-size:1.5rem;font-weight:800}.admin-gate__card p{color:#ffffff73;margin-bottom:24px;font-size:.88rem;line-height:1.6}.admin-gate__card p strong{color:#e0e0f0}.admin-gate__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.admin-gate__btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f159}.admin-gate__btn--secondary{color:#fff9;background:#ffffff0f;border:1px solid #ffffff1a}.admin-gate__btn--secondary:hover{color:#f0f0ff;box-shadow:none;background:#ffffff1a}.admin-gate__back{color:#ffffff59;margin-top:16px;font-size:.82rem;text-decoration:none;transition:color .2s;display:block}.admin-gate__back:hover{color:#ffffffb3}:root{--bg-primary:#0a0a14;--bg-surface:#12121e;--bg-elevated:#1a1a2e;--text-primary:#f0f0ff;--text-secondary:#fff9;--text-muted:#ffffff4d;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-green:#22c55e;--accent-blue:#3b82f6;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--shadow-card:0 4px 20px #0006;--shadow-glow:0 0 30px #6366f126;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#6366f10f 0%,#0000 60%),radial-gradient(at 80% 20%,#8b5cf60a 0%,#0000 50%),radial-gradient(at 60% 80%,#f59e0b08 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6366f159}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}