:root{--ardosia-ravnica:#1e232a;--pacto-purple:#5821b8;--ciano-destaque:#20c7f7;--pedra-ravnica:#888;--cinza-cimento:#b0bec5;--bronze-forja:#cd7f32;--bg-dark:#12161c;--bg-primary:#1e232a;--bg-secondary:#252b34;--bg-card:#1e232aeb;--bg-card-hover:#262d36fa;--bg-glass:#1e232ad9;--border-subtle:#b0bec51f;--border-accent:#20c7f759;--border-hover:#20c7f78c;--accent:#5821b8;--accent-light:#7e3df2;--accent-dark:#3f158a;--accent-glow:0 0 25px #5821b873;--highlight:#20c7f7;--highlight-light:#5ce0fd;--highlight-dark:#0ea5e9;--highlight-glow:0 0 20px #20c7f766;--bronze:#cd7f32;--bronze-light:#e5984c;--bronze-dark:#a5601f;--text-primary:#fff;--text-secondary:#b0bec5;--text-muted:#888;--mana-w:#f6e8ba;--mana-u:#38bdf8;--mana-b:#a855f7;--mana-r:#f87171;--mana-g:#4ade80;--mana-c:#94a3b8;--status-good:#10b981;--status-low:#cd7f32;--status-high:#f43f5e;--status-err:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--ardosia-ravnica);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 15% 0,#5821b838 0%,#0000 45%),radial-gradient(at 85% 10%,#20c7f71f 0%,#0000 45%),radial-gradient(at 50% 100%,#cd7f3214 0%,#0000 55%),linear-gradient(#12161c 0%,#1e232a 60%,#161a20 100%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ardosia-ravnica)}::-webkit-scrollbar-thumb{background:#b0bec533;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#20c7f773}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1)}.card-panel:hover{border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:0 10px 30px -10px #0009, var(--highlight-glow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--pacto-purple) 0%, #3a1380 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff26;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #5821b873}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-light) 0%, var(--pacto-purple) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5821b899,0 0 16px #20c7f74d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;background:#b0bec50f;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#b0bec51f;border-color:#20c7f759}.btn-icon{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#b0bec50f;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#b0bec524;border-color:#20c7f74d}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-good{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-low{color:#f6ad55;background:#cd7f322e;border:1px solid #cd7f3266}.badge-high{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-accent{color:#c4b5fd;background:#5821b838;border:1px solid #5821b873}.badge-highlight{color:var(--highlight);background:#20c7f726;border:1px solid #20c7f759}.badge-bronze{color:#f6ad55;background:#cd7f322e;border:1px solid #cd7f3266}.mana-svg{vertical-align:middle;border-radius:50%;transition:transform .15s;display:inline-block;box-shadow:0 1px 2px #00000080}.mana-svg:hover{transform:scale(1.15)}.mana-cost{vertical-align:middle;flex-wrap:nowrap;align-items:center;gap:3px;display:inline-flex}.mana-symbol{border:1px solid #0006;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #00000080}.mana-w{color:#1e293b;background:#fbf5df}.mana-u{color:#fff;background:#2563eb}.mana-b{color:#f8fafc;background:#334155}.mana-r{color:#fff;background:#dc2626}.mana-g{color:#fff;background:#16a34a}.mana-c{color:#fff;background:#64748b}.mana-generic{color:#fff;background:#475569}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#12161ce0;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--highlight);box-shadow:0 0 0 3px #20c7f738}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}@media (width<=640px){.container{padding:0 12px}}.desktop-only{display:flex}@media (width<=768px){.desktop-only{display:none!important}}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:block}}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;width:100%;display:grid}@media (width<=768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (width<=540px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=330px){.cards-grid{grid-template-columns:1fr;gap:10px}}.filter-scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.filter-scroll-row::-webkit-scrollbar{display:none}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:1000;background:#14181ef5;justify-content:space-around;align-items:center;height:58px;padding:0 6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 25px #0009}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;max-width:110px;padding:6px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--highlight);background:#5821b840}.bottom-nav-item:active{transform:scale(.95)}.main-content-wrapper{padding-bottom:74px!important}}.card-modal-layout{grid-template-columns:320px 1fr;gap:28px;margin-top:28px;display:grid}@media (width<=768px){.card-modal-layout{flex-direction:column;gap:20px;margin-top:22px;display:flex}.card-modal-image-container{max-width:240px;margin:0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}