@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Raleway:wght@300;400;500;600;700&family=MedievalSharp&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-glass: rgba(20, 20, 40, .7);--gold: #d4af37;--gold-light: #f0d060;--gold-dark: #a8891e;--crimson: #dc143c;--crimson-dark: #8b0000;--celestial-blue: #4fc3f7;--celestial-dark: #0277bd;--purple: #9c27b0;--purple-dark: #6a0080;--ember: #ff6f00;--angel-primary: #4fc3f7;--angel-secondary: #e1f5fe;--angel-glow: rgba(79, 195, 247, .5);--angel-border: linear-gradient(135deg, #4fc3f7, #e1f5fe, #d4af37, #4fc3f7);--demon-primary: #dc143c;--demon-secondary: #ff6f6f;--demon-glow: rgba(220, 20, 60, .5);--demon-border: linear-gradient(135deg, #dc143c, #8b0000, #9c27b0, #dc143c);--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-gold: #d4af37;--text-dim: #6a6a80;--rarity-comum: #8a8a8a;--rarity-incomum: #4caf50;--rarity-raro: #2196f3;--rarity-epico: #9c27b0;--rarity-lendario: #d4af37;--el-luz: #fff9c4;--el-trevas: #7b1fa2;--el-fogo: #ff5722;--el-agua: #03a9f4;--el-terra: #795548;--el-ar: #b2dfdb;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-card: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow-angel: 0 0 20px rgba(79,195,247,.3), 0 0 60px rgba(79,195,247,.1);--shadow-glow-demon: 0 0 20px rgba(220,20,60,.3), 0 0 60px rgba(220,20,60,.1);--shadow-glow-gold: 0 0 20px rgba(212,175,55,.3), 0 0 60px rgba(212,175,55,.1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Raleway,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:Raleway,sans-serif}img{max-width:100%;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.glow-text{text-shadow:0 0 10px currentColor,0 0 40px currentColor}.gold-text{color:var(--gold);text-shadow:0 0 10px rgba(212,175,55,.5)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:Cinzel,serif;font-weight:600;font-size:1rem;letter-spacing:.05em;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-angel{background:linear-gradient(135deg,var(--celestial-blue),var(--celestial-dark));color:#fff;box-shadow:var(--shadow-glow-angel)}.btn-angel:hover{transform:translateY(-2px);box-shadow:0 0 30px #4fc3f780,0 0 80px #4fc3f733}.btn-demon{background:linear-gradient(135deg,var(--crimson),var(--crimson-dark));color:#fff;box-shadow:var(--shadow-glow-demon)}.btn-demon:hover{transform:translateY(-2px);box-shadow:0 0 30px #dc143c80,0 0 80px #dc143c33}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);box-shadow:var(--shadow-glow-gold)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 30px #d4af3780,0 0 80px #d4af3733}.btn-outline{background:transparent;border:2px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:#d4af371a;transform:translateY(-2px)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;transition:background var(--transition-normal)}.nav.scrolled{background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.15)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Cinzel,serif;font-size:1.3rem;font-weight:900;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 20px rgba(212,175,55,.4)}.nav-logo span{color:var(--text-primary);font-weight:400}.nav-links{display:flex;gap:var(--space-xl)}.nav-links a{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--gold);transition:width var(--transition-normal)}.nav-links a:hover{color:var(--gold)}.nav-links a:hover:after{width:100%}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--gold);border-radius:50%;animation:particleFloat linear infinite;opacity:0}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh) scale(1)}}.stars{display:flex;gap:2px}.star{width:14px;height:14px;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--space-md)}.nav-links{gap:var(--space-md)}.nav-links a{font-size:.75rem}}@media(max-width:480px){.nav-links{display:none}}.card-wrapper{perspective:1000px;width:260px;height:380px;cursor:pointer}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.card.flipped{transform:rotateY(180deg)}.card-wrapper:hover .card:not(.flipped){transform:rotateY(8deg) rotateX(-3deg) scale(1.04)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-card);overflow:hidden}.card-front{display:flex;flex-direction:column;background:var(--bg-card);border:2px solid transparent;background-clip:padding-box}.card-front:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:calc(var(--radius-card) + 2px);padding:2px}.card.angel .card-front:before{background:var(--angel-border)}.card.demon .card-front:before{background:var(--demon-border)}.card-wrapper:hover .card.angel .card-front{box-shadow:var(--shadow-glow-angel)}.card-wrapper:hover .card.demon .card-front{box-shadow:var(--shadow-glow-demon)}.card.legendary .card-front{box-shadow:0 0 0 1px #d4af3759,0 10px 30px #d4af371a}.card-wrapper:hover .card.legendary .card-front{box-shadow:0 0 0 1px #d4af378c,0 0 18px #d4af372e,0 12px 34px #d4af3724}.card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px;min-height:36px}.card-name{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.card-element-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1px solid rgba(255,255,255,.2)}.card-element-badge.luz{background:var(--el-luz);color:#333}.card-element-badge.trevas{background:var(--el-trevas);color:#fff}.card-element-badge.fogo{background:var(--el-fogo);color:#fff}.card-element-badge.agua{background:var(--el-agua);color:#fff}.card-element-badge.terra{background:var(--el-terra);color:#fff}.card-element-badge.ar{background:var(--el-ar);color:#333}.card-art{width:calc(100% - 16px);height:160px;margin:0 8px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center}.card.angel .card-art{background:linear-gradient(135deg,#0d1b2a,#1b2838,#16213e)}.card.demon .card-art{background:linear-gradient(135deg,#1a0a0a,#2d1117,#3b0d1e)}.card-art img{width:100%;height:100%;object-fit:cover}.card-art-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center}.card-art-note{position:absolute;left:8px;right:8px;bottom:8px;font-size:.62rem;line-height:1.35;color:var(--text-secondary);background:#0000007a;padding:6px 8px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-art-fallback .card-art-note{position:static}.card-art-symbol{font-size:4rem;opacity:.6;filter:drop-shadow(0 0 20px currentColor)}.card.angel .card-art-symbol{color:var(--angel-primary)}.card.demon .card-art-symbol{color:var(--demon-primary)}.card-level{display:flex;justify-content:center;gap:2px;padding:4px 0}.card-level .star{width:12px;height:12px}.card.demon .card-level .star{background:var(--crimson)}.card-info{padding:0 10px;flex:1;display:flex;flex-direction:column;gap:4px}.card-title{font-family:Cinzel,serif;font-size:.6rem;color:var(--text-secondary);text-align:center;font-style:italic}.card-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;align-self:center}.card-type-badge.angel{background:#4fc3f726;color:var(--angel-primary);border:1px solid rgba(79,195,247,.3)}.card-type-badge.demon{background:#dc143c26;color:var(--demon-primary);border:1px solid rgba(220,20,60,.3)}.card-ability{font-size:.58rem;color:var(--text-secondary);line-height:1.4;text-align:center;padding:0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-ability strong{color:var(--gold)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.card-stat{display:flex;align-items:center;gap:4px;font-family:Cinzel,serif;font-weight:700;font-size:.75rem}.card-stat-label{font-size:.55rem;color:var(--text-dim);font-weight:600}.card-atk{color:var(--crimson)}.card-def{color:var(--celestial-blue)}.card-rarity-indicator{position:absolute;top:6px;right:-26px;width:80px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transform:rotate(45deg);color:#fff;z-index:2}.card-rarity-indicator.comum{background:var(--rarity-comum)}.card-rarity-indicator.incomum{background:var(--rarity-incomum)}.card-rarity-indicator.raro{background:var(--rarity-raro)}.card-rarity-indicator.epico{background:var(--rarity-epico)}.card-rarity-indicator.lendario{background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark));background-size:200% 100%;animation:shimmer 2s infinite}.card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#0d0d1a,#1a0d2e,#0d0d1a);display:flex;align-items:center;justify-content:center;border:2px solid var(--gold-dark)}.card-back-design{width:80%;height:80%;border:2px solid var(--gold-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-back-design:before{content:"";position:absolute;width:150%;height:150%;background:conic-gradient(from 0deg,transparent 0deg,rgba(212,175,55,.1) 30deg,transparent 60deg);animation:rotateGlow 8s linear infinite}.card-back-symbol{font-size:3rem;color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.5);z-index:1}.card-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent 70%);background-size:200% 200%;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:5}.card-wrapper:hover .card-front:after{opacity:1;animation:shimmer 1.5s ease infinite}.modal-meta-group{margin-top:16px}.modal-meta-group h3{margin-bottom:8px;color:var(--gold);font-size:.95rem}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.8rem}.modal-tag.muted{opacity:.7}.modal-image-meta{margin:4px 0;color:var(--text-secondary)}.modal-image-meta.subtle{font-size:.82rem;color:var(--text-dim)}@media(max-width:768px){.card-wrapper{width:220px;height:320px}.card-art{height:120px}.card-name{font-size:.7rem}}@media(max-width:480px){.card-wrapper{width:180px;height:270px}.card-art{height:100px}}