@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cinzel:wght@400;500;600;700&display=swap";
:root{--color-bg-deep:#0a0c10;--color-bg-primary:#0f1218;--color-bg-secondary:#161b24;--color-bg-card:#1a2030;--color-bg-card-hover:#1f2740;--color-bg-elevated:#242d3d;--color-gold:#c9a84c;--color-gold-light:#e0c66e;--color-gold-dark:#8a6d2b;--color-gold-glow:#c9a84c26;--color-red:#8b2232;--color-red-light:#c43c52;--color-red-dark:#5c1520;--color-ice:#4fa8c9;--color-ice-light:#7ec8e3;--color-ice-dark:#2a7a99;--color-text-primary:#e8e6e1;--color-text-secondary:#9a9690;--color-text-muted:#5e5b56;--color-text-accent:var(--color-gold-light);--color-border:#2a3040;--color-border-light:#3a4458;--color-border-gold:#c9a84c4d;--color-buff:#3cb371;--color-debuff:#c43c52;--color-keyword:#4fa8c9;--color-resource:#c9a84c;--color-special:#9b59b6;--color-confirmed:#3cb371;--color-strong-evidence:#7ec8e3;--color-plausible:#c9a84c;--color-opinion:#e67e22;--color-speculative:#c43c52;--color-char-red:#c0392b;--color-char-blue:#2980b9;--color-char-green:#27ae60;--color-char-yellow:#f1c40f;--color-char-purple:#8e44ad;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Cinzel", "Georgia", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-gold:0 0 20px #c9a84c1a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:var(--color-gold-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-gold)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--color-bg-primary);border-right:1px solid var(--color-border);width:260px;padding:var(--space-lg) 0;z-index:100;height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{padding:0 var(--space-lg);margin-bottom:var(--space-2xl)}.sidebar-logo h1{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-gold);letter-spacing:1px}.sidebar-logo span{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px}.sidebar-nav{gap:var(--space-xs);padding:0 var(--space-sm);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-weight:500;display:flex}.nav-item:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.nav-item.active{background:var(--color-gold-glow);color:var(--color-gold-light);border-left:3px solid var(--color-gold)}.nav-item svg,.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.main-content{padding:var(--space-xl) var(--space-2xl);flex:1;min-height:100vh;margin-left:260px}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.page-header p{font-size:var(--text-base);color:var(--color-text-secondary)}.page-breadcrumb{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);display:flex}.page-breadcrumb a{color:var(--color-text-muted)}.page-breadcrumb a:hover{color:var(--color-gold-light)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.character-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.character-card:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold);transform:translateY(-3px)}.character-card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-md);display:flex}.character-card-color{border-radius:3px;flex-shrink:0;width:6px;height:48px}.character-card-info h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:2px}.character-card-info .title{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.character-card-body{padding:var(--space-md) var(--space-lg)}.character-card-meta{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.character-card-effects{gap:var(--space-xs);flex-wrap:wrap;display:flex}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-faction{color:var(--color-gold-light);background:#c9a84c26;border:1px solid #c9a84c4d}.badge-class{color:var(--color-ice-light);background:#4fa8c926;border:1px solid #4fa8c94d}.badge-rarity{color:#c39bd3;background:#9b59b626;border:1px solid #9b59b64d}.badge-legendary{color:var(--color-gold-light);border:1px solid var(--color-gold);background:#c9a84c26}.badge-epic{color:#e0e0e0;background:#dcdcdc26;border:1px solid #b0b0b0}.badge-common{color:#a0a0a0;background:#64646426;border:1px solid #707070}.badge-buff{color:var(--color-buff);background:#3cb37126;border:1px solid #3cb3714d}.badge-debuff{color:var(--color-debuff);background:#c43c5226;border:1px solid #c43c524d}.badge-keyword,.badge-marcação{color:var(--color-keyword);background:#4fa8c926;border:1px solid #4fa8c94d}.badge-resource{color:var(--color-resource);background:#c9a84c26;border:1px solid #c9a84c4d}.badge-special{color:var(--color-special);background:#9b59b626;border:1px solid #9b59b64d}.badge-confirmed{color:var(--color-confirmed);background:#3cb37126;border:1px solid #3cb3714d}.badge-strong-evidence{color:var(--color-strong-evidence);background:#7ec8e326;border:1px solid #7ec8e34d}.badge-plausible{color:var(--color-plausible);background:#c9a84c26;border:1px solid #c9a84c4d}.badge-opinion{color:var(--color-opinion);background:#e67e2226;border:1px solid #e67e224d}.badge-speculative{color:var(--color-speculative);background:#c43c5226;border:1px solid #c43c524d}.color-red,.color-vermelho{background-color:var(--color-char-red)}.color-blue,.color-azul{background-color:var(--color-char-blue)}.color-green,.color-verde{background-color:var(--color-char-green)}.color-yellow,.color-amarelo{background-color:var(--color-char-yellow)}.color-purple,.color-roxo{background-color:var(--color-char-purple)}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-gold-dark), var(--color-gold));color:#0a0c10}.btn-primary:hover{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-light));box-shadow:0 0 20px #c9a84c4d}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.btn-secondary:hover{border-color:var(--color-gold-dark);color:var(--color-gold-light)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-sm);background:0 0}.btn-ghost:hover{color:var(--color-gold-light);background:var(--color-gold-glow)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-glow);outline:none}.input::placeholder{color:var(--color-text-muted)}.search-bar{position:relative}.search-bar .input{padding-left:44px}.search-bar .search-icon{color:var(--color-text-muted);width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.select{appearance:none;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239a9690' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select:focus{border-color:var(--color-gold);outline:none}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);gap:0;display:flex}.tab{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-gold-light);border-bottom-color:var(--color-gold)}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold)}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-gold);font-weight:700;line-height:1.2}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:1px}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--color-bg-secondary);padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);font-weight:600}.table td{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table tr:hover td{background:var(--color-bg-card)}.table tr:last-child td{border-bottom:none}.ability-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.ability-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.ability-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.ability-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-gold);font-weight:700}.ability-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.ability-effects{gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-bar{gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--space-xs);flex-direction:column;min-width:160px;display:flex}.filter-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-text-muted)}.empty-state h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.login-page{background:var(--color-bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.tooltip-container{cursor:help;transition:all var(--transition-fast);font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block;position:relative}.tooltip-container:hover{filter:brightness(1.2)}.tooltip-content{visibility:hidden;opacity:0;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-light);width:250px;color:var(--color-text-primary);text-align:left;border-radius:var(--radius-sm);padding:var(--space-md);z-index:1000;transition:all var(--transition-fast);box-shadow:var(--shadow-md);font-family:var(--font-body);font-weight:400;text-decoration:none;position:absolute;bottom:150%;left:50%;transform:translate(-50%)translateY(10px)}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-border-light) transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg), var(--shadow-gold)}.login-card h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold);margin-bottom:var(--space-sm)}.login-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.login-card .input{margin-bottom:var(--space-md);text-align:center}.login-error{color:var(--color-red-light);font-size:var(--text-sm);margin-bottom:var(--space-md)}.mobile-menu-btn{top:var(--space-md);left:var(--space-md);z-index:1001;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);width:44px;height:44px;color:var(--color-gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:20px;transition:all .2s;display:none;position:fixed}.mobile-menu-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-gold)}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (max-width:1024px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar-overlay{display:block}.sidebar{z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-xl) var(--space-lg);padding-top:calc(var(--space-xl) + 44px);margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}}@media (max-width:640px){.main-content{padding:var(--space-lg) var(--space-md);padding-top:calc(var(--space-lg) + 52px)}.page-header h1{font-size:var(--text-2xl)}.stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-md)}.stat-value{font-size:var(--text-2xl)}.filter-bar{flex-direction:column}.filter-group{width:100%}.tabs{gap:var(--space-xs)}.tab{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-in{animation:.3s forwards slideIn}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.character-card-v2{align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-bg-card);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border-style:solid;border-width:2px;height:84px;text-decoration:none!important;display:flex!important}.character-card-v2:hover{filter:brightness(1.1);transform:translateY(-2px)}.character-card-avatar-container{border-radius:var(--radius-sm);background:var(--color-bg-primary);flex-shrink:0;width:64px;height:64px;overflow:hidden}.character-card-avatar{object-fit:cover;width:100%;height:100%;object-position:top center!important}.character-card-content{flex:1;min-width:0}.character-card-header-row{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.character-card-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.character-card-title{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-style:italic;overflow:hidden}.character-card-tags{gap:var(--space-xs);margin-top:4px;display:flex}.tag-mini{text-transform:uppercase;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.tag-class,.badge-class{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.tag-faction,.badge-faction{color:#eab308;background:#eab3080d;border-color:#eab30833}.rarity-legendary{box-shadow:0 0 15px #ffd7001a;border-color:gold!important}.rarity-epic{border-color:silver!important}.rarity-common{border-color:#4a4a4a!important}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}@media (max-width:768px){.card-grid{grid-template-columns:1fr}}.character-card-v2{transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.character-card-v2:hover{box-shadow:var(--shadow-lg);border-color:#fff6;transform:translateY(-4px)}.card,.character-card-v2{-webkit-backdrop-filter:blur(8px);background:#ffffff08}.character-card-v2.compact{height:auto;padding:6px var(--space-sm)}.character-card-v2.compact .character-card-avatar-container{width:42px;height:42px}