@font-face{font-family:GeistPixelSquare;src:url(/assets/GeistPixel_Square-B0mEoKr8.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:GeistPixelGrid;src:url(/assets/GeistPixel_Grid-CHCHJWPp.woff2)format("woff2");font-display:swap;font-weight:500}:root{--stone-900:#16120f;--stone-850:#1a1613;--stone-800:#201c19;--stone-700:#292623;--stone-600:#3d3934;--stone-500:#645e54;--stone-400:#9f9b92;--stone-300:#cecdc9;--stone-200:#e6e5e0;--stone-100:#f6f5f1;--copper-100:#feeedd;--copper-200:#fad5b9;--copper-300:#f7ba8e;--copper-400:#f69a5b;--copper-500:#ed670f;--copper-600:#79380d;--copper-700:#532304;--copper-800:#3b1b06;--marine-100:#eefef9;--marine-300:#bffceb;--marine-400:#9ef5df;--marine-500:#16daaa;--marine-600:#067961;--slime-400:#e1fab7;--slime-500:#bcf05a;--slime-600:#53692b;--lapis-400:#b5f2fc;--lapis-500:#48e0f1;--lapis-600:#177487;--bg-dark:#0c0a08;--bg-primary:#120e0b;--bg-secondary:#171310;--bg-card:#171310f5;--bg-card-hover:#201a16fa;--bg-glass:#120e0bf0;--border-subtle:#cecdc91f;--border-accent:#ed670f8c;--border-hover:var(--copper-500);--accent:var(--copper-500);--accent-light:var(--copper-400);--accent-dark:var(--copper-600);--accent-glow:0 0 25px #ed670f73;--highlight:var(--copper-400);--highlight-light:var(--copper-300);--highlight-dark:var(--copper-500);--highlight-glow:0 0 20px #ed670f66;--bronze:var(--copper-500);--bronze-light:var(--copper-400);--bronze-dark:var(--copper-600);--text-primary:#f6f5f1;--text-secondary:#cecdc9;--text-muted:#9f9b92;--mana-w:#f6e8ba;--mana-u:#38bdf8;--mana-b:#a855f7;--mana-r:#f87171;--mana-g:#4ade80;--mana-c:#94a3b8;--status-good:#10b981;--status-low:#ed670f;--status-high:#f43f5e;--status-err:#ef4444;--font-pixel:"GeistPixelSquare", "Geist Mono", monospace;--font-display:"GeistPixelSquare", "Geist Mono", monospace;--font-mono:"Geist Mono", ui-monospace, monospace;--font-sans:"Geist Mono", monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px}*{box-sizing:border-box;font-family:var(--font-mono);margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-mono);background-color:#0c0a08;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:4px 4px;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:10;opacity:.5;background:repeating-linear-gradient(#ffffff0a 0 1px,#00000047 1px 3px,#0000 3px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:5;opacity:.65;background:radial-gradient(#0000 60%,#00000080 85%,#000 100%);position:fixed;inset:62px 0 0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0c0a08}::-webkit-scrollbar-thumb{background:var(--stone-700);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--copper-500)}.clip-pixel-corners{clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px)!important;border-radius:0!important}.clip-pixel-corners-sm{clip-path:polygon(2px 0%,calc(100% - 2px) 0%,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0% calc(100% - 2px),0% 2px,2px 2px)!important;border-radius:0!important}.pixel-border{--pixel-border-width:1px;isolation:isolate;clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px);position:relative}.pixel-border:before{content:"";z-index:-2;pointer-events:none;clip-path:inherit;background:currentColor;position:absolute;inset:0}.pixel-border:after{content:"";inset:var(--pixel-border-width);background-color:inherit;z-index:-1;pointer-events:none;clip-path:inherit;position:absolute}h1,h2,h3,h4,h5,h6,.btn-primary,.btn-secondary,.badge,.pixel-text,nav button,.bottom-nav-item,th{letter-spacing:.02em;font-family:var(--font-pixel)!important}a{color:inherit;text-decoration:none}button,input,select,textarea,p,span,li,td,code,pre{font-family:var(--font-mono);color:inherit}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--stone-700);clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px)!important;border-radius:0!important}.card-panel{background:var(--bg-card);border:1px solid var(--stone-700);transition:all .2s cubic-bezier(.16,1,.3,1);clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px)!important;border-radius:0!important}.card-panel:hover{border-color:var(--copper-500);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 10px 24px -8px #000c,0 0 16px #ed670f4d}.btn-primary{background:var(--copper-500);color:#fff;font-family:var(--font-pixel);clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #ed670f59}.btn-primary:hover:not(:disabled){background:var(--copper-400);transform:translateY(-1px);box-shadow:0 6px 20px #ed670f8c,0 0 15px #ed670f4d}.btn-primary:active:not(:disabled){background:var(--copper-600);transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--stone-800);color:var(--text-primary);font-family:var(--font-pixel);clip-path:polygon(4px 0%,calc(100% - 4px) 0%,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0% calc(100% - 4px),0% 4px,4px 4px);border:1px solid var(--stone-700);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:500;transition:all .18s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--stone-700);border-color:var(--copper-500);color:#fff}.btn-icon{background:var(--stone-800);border:1px solid var(--stone-700);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:6px;transition:all .18s;display:inline-flex}.btn-icon:hover{background:var(--stone-700);color:var(--text-primary);border-color:var(--copper-500)}.badge{font-family:var(--font-pixel);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.badge-good{color:var(--slime-500);background:#bcf05a1f;border:1px solid #bcf05a59}.badge-low{color:var(--copper-400);background:#ed670f26;border:1px solid #ed670f66}.badge-high{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-accent{color:var(--copper-300);background:#ed670f2e;border:1px solid #ed670f73}.badge-highlight{color:var(--marine-500);background:#16daaa26;border:1px solid #16daaa59}.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{background:var(--stone-850);border:1px solid var(--stone-700);clip-path:polygon(3px 0%,calc(100% - 3px) 0%,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0% calc(100% - 3px),0% 3px);width:100%;font-family:var(--font-mono);color:var(--text-primary);outline:none;padding:10px 14px;font-size:.9rem;transition:all .15s}.input-field:focus{border-color:var(--copper-500);box-shadow:0 0 0 1px var(--copper-500), 0 0 16px #ed670f40}.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}