.layout{display:flex;min-height:100vh}.sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid rgba(255,215,0,.1);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-logo{padding:1.5rem 1rem;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid rgba(255,215,0,.1)}.logo-icon{font-size:24px}.logo-text{font-family:Cinzel,serif;font-size:14px;color:var(--accent-gold);font-weight:700}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.75rem 1.2rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition);border-left:3px solid transparent;font-size:14px}.nav-item:hover{background:#ffd7000f;color:var(--text-primary)}.nav-item.active{background:#ffd7001a;color:var(--accent-gold);border-left-color:var(--accent-gold)}.nav-icon{font-size:18px}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,215,0,.1)}.user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.user-name{font-size:13px;color:var(--text-secondary)}.btn-logout{width:100%;background:#e74c3c33;color:#ff6b6b;border:1px solid rgba(231,76,60,.4);font-size:13px}.main-content{flex:1;padding:2rem;overflow-y:auto}@media (max-width: 768px){.sidebar{width:60px;min-width:60px}.nav-label,.logo-text,.user-name{display:none}.main-content{padding:1rem}}.auth-page{display:flex;min-height:100vh}.auth-hero{flex:1;background:linear-gradient(135deg,#0f3460,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-hero:before{content:"🏰";position:absolute;font-size:200px;opacity:.05;bottom:-20px;right:-20px}.auth-hero__content h1{font-size:2.5rem;margin-bottom:1rem}.auth-hero__content p{color:var(--text-secondary);font-size:1.1rem;max-width:400px}.auth-form-side{width:420px;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary)}.auth-card{width:100%;max-width:360px}.auth-card h2{font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;font-size:13px;color:var(--text-secondary);font-weight:600}.auth-link{text-align:center;margin-top:1.2rem;font-size:13px;color:var(--text-secondary)}.auth-link a{color:var(--accent-gold);text-decoration:none;font-weight:700}@media (max-width: 768px){.auth-hero{display:none}.auth-form-side{width:100%}}.dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard__oro{display:flex;align-items:center;gap:.8rem;background:var(--bg-secondary);border:1px solid rgba(255,215,0,.2);padding:1rem 1.5rem;border-radius:var(--border-radius)}.dashboard__stats{margin-top:0}.stat-card{display:flex;align-items:center;gap:1rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-3px);border-color:#ffd7004d}.status-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px}.status-EN_CURSO{background:#3498db33;color:var(--info)}.status-COMPLETADA{background:#2ecc7133;color:var(--success)}.status-FALLIDA{background:#e74c3c33;color:var(--danger)}.av-adventure-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.av-adventure-card__team{display:flex;gap:4px;font-size:16px}.av-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.05);padding:1rem;cursor:pointer;transition:var(--transition);border-left-width:4px}.av-card:hover{transform:translateY(-2px);border-color:#ffd7004d}.av-card--selected{border-color:var(--accent-gold)!important;box-shadow:0 0 12px #ffd7004d}.av-card--busy{opacity:.6}.av-card__header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.av-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.av-card__name{font-weight:700;font-size:14px}.av-card__level{font-size:12px;color:var(--accent-gold);font-weight:700;white-space:nowrap}.av-card__stats{display:flex;gap:.6rem;font-size:12px;margin-bottom:.5rem;color:var(--text-secondary)}.av-filters{padding:.8rem 1rem}.filter-group{display:flex;gap:.4rem;flex-wrap:wrap}.modal-box{background:var(--bg-secondary);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:1.5rem;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.modal-stats,.modal-xp{margin-bottom:1rem}.hab-oculta-box{background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:8px;padding:.8rem;margin-bottom:1rem}.equip-section{border-top:1px solid rgba(255,255,255,.06);padding-top:1rem}.equip-slots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.equip-slot{display:flex;flex-direction:column}.gacha-page{display:flex;flex-direction:column;gap:1.5rem}.gacha-portal{text-align:center;padding:2rem;background:linear-gradient(135deg,#0f3460,#1a1a2e);border:1px solid rgba(255,215,0,.2)}.portal-crystal{font-size:80px;display:block;margin:0 auto 1rem;filter:drop-shadow(0 0 20px rgba(171,71,188,.6));transition:transform .3s ease}.portal-crystal--spin{animation:crystalPulse .8s ease}@keyframes crystalPulse{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg);filter:drop-shadow(0 0 40px #ab47bc)}to{transform:scale(1)}}.portal-oro{color:var(--accent-gold);font-weight:700;font-size:16px;margin-bottom:1.5rem}.portal-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-gacha{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.8rem 2rem;font-size:15px;min-width:160px}.gacha-cost{font-size:12px;opacity:.8}.gacha-results{margin-top:.5rem}.gacha-results-single{display:flex;justify-content:center}.gacha-results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}@media (max-width: 900px){.gacha-results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.gacha-results-grid{grid-template-columns:repeat(2,1fr)}}.gacha-result-card{background:var(--bg-secondary);border-radius:12px;padding:1rem .8rem;text-align:center;border:2px solid transparent;position:relative;animation:resultReveal .4s ease forwards}@keyframes resultReveal{0%{opacity:0;transform:scale(.7) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.gacha-result-card--SECRETO{border-color:#ef5350;box-shadow:0 0 20px #ef535080}.gacha-result-card--SUPER_ULTRA_RARO{border-color:#ffa726;box-shadow:0 0 16px #ffa72666}.gacha-result-card--SUPER_RARO{border-color:#ab47bc}.gacha-result-card--RARO{border-color:#42a5f5}.gacha-result-card--COMUN{border-color:#9e9e9e4d}.gacha-result-card__icon{font-size:40px;margin-bottom:.5rem}.gacha-result-card__name{font-weight:700;font-size:14px;margin-bottom:4px}.evolution-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent-gold);color:#1a1a2e;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px}.gacha-info-grid{gap:1rem}.aventuras-page{display:flex;flex-direction:column;gap:0}.aventura-card{transition:var(--transition)}.aventura-card:hover{border-color:#ffd70033}.aventuras-historial{display:flex;flex-direction:column;gap:.4rem}.historial-row{display:flex;align-items:center;padding:.6rem 1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--bg-secondary);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:1.5rem;max-width:95vw;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;color:var(--text-muted);font-size:18px;padding:.2rem .5rem}.diff-badge{background:var(--bg-card);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:var(--accent-gold)}.inventario-page{display:flex;flex-direction:column;gap:0}.inv-filters{padding:.8rem 1rem;margin-bottom:0}.filter-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.item-card{display:flex;flex-direction:column;gap:.5rem;transition:var(--transition);border-left-width:3px}.item-card:hover{transform:translateY(-2px);border-color:#ffd7004d}.item-card--equipado{opacity:.75}.item-card__header{display:flex;align-items:center;gap:.6rem}.item-card__icon{font-size:24px}.item-card__info{flex:1;display:flex;flex-direction:column;gap:3px}.item-card__name{font-weight:700;font-size:13px}.equipado-badge{background:#2ecc7133;color:var(--success);font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.item-card__stats{display:flex;gap:.4rem;flex-wrap:wrap}.stat-chip{font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px}.stat-chip--atk{background:#e74c3c26;color:#ef9a9a}.stat-chip--def{background:#3498db26;color:#90caf9}.stat-chip--hp{background:#2ecc7126;color:#a5d6a7}.item-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}.mejoras-page{display:flex;flex-direction:column}.mejoras-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mejoras-oro{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem}.mejora-card{display:flex;flex-direction:column;transition:var(--transition)}.mejora-card:hover{border-color:#ffd70040}.mejora-card--max{border-color:#ffd7004d}.mejora-card__header{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.mejora-icon{font-size:28px}.mejora-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.mejora-nombre{font-weight:700;font-size:15px}.mejora-nivel{font-size:12px;color:var(--text-muted)}.mejora-mult{font-size:18px;font-weight:700;color:var(--success);white-space:nowrap}.mejora-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem}.mejoras-tip{background:#ffd7000a;border:1px solid rgba(255,215,0,.15)}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent-gold: #ffd700;--accent-gold-dark: #b8860b;--accent-red: #e94560;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--text-muted: #606070;--success: #2ecc71;--danger: #e74c3c;--warning: #f39c12;--info: #3498db;--rarity-common: #9e9e9e;--rarity-rare: #42a5f5;--rarity-sr: #ab47bc;--rarity-sur: #ffa726;--rarity-secret: #ef5350;--border-radius: 10px;--shadow: 0 4px 20px rgba(0,0,0,.4);--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Nunito,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Cinzel,serif;color:var(--accent-gold)}button{cursor:pointer;border:none;border-radius:var(--border-radius);padding:.6rem 1.2rem;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:var(--transition)}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}input,select{background:var(--bg-secondary);border:1px solid var(--text-muted);border-radius:var(--border-radius);color:var(--text-primary);padding:.6rem .9rem;font-family:Nunito,sans-serif;font-size:14px;width:100%;transition:var(--transition)}input:focus,select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #ffd70033}.card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid rgba(255,215,0,.1);padding:1.2rem;box-shadow:var(--shadow)}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:#1a1a2e;font-weight:700}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid rgba(255,215,0,.3)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-COMUN{background:#424242;color:var(--rarity-common)}.badge-RARO{background:#1a2a4a;color:var(--rarity-rare)}.badge-SUPER_RARO{background:#2a1a3a;color:var(--rarity-sr)}.badge-SUPER_ULTRA_RARO{background:#3a2a1a;color:var(--rarity-sur)}.badge-SECRETO{background:#3a1a1a;color:var(--rarity-secret)}.rarity-border-COMUN{border-left:3px solid var(--rarity-common)}.rarity-border-RARO{border-left:3px solid var(--rarity-rare)}.rarity-border-SUPER_RARO{border-left:3px solid var(--rarity-sr)}.rarity-border-SUPER_ULTRA_RARO{border-left:3px solid var(--rarity-sur)}.rarity-border-SECRETO{border-left:3px solid var(--rarity-secret)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.xp-bar{background:var(--bg-primary);border-radius:20px;height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);height:100%;border-radius:20px;transition:width .5s ease}.spinner{width:36px;height:36px;border:3px solid rgba(255,215,0,.2);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:#e74c3c26;border:1px solid var(--danger);border-radius:var(--border-radius);padding:.7rem 1rem;color:#ff6b6b;font-size:13px;margin-top:.5rem}.success-msg{background:#2ecc7126;border:1px solid var(--success);border-radius:var(--border-radius);padding:.7rem 1rem;color:var(--success);font-size:13px;margin-top:.5rem}.rol-icon{font-size:20px;display:inline-block}