@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}html{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:clip}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;width:100%;max-width:100vw;min-height:100vh;line-height:1.5;overflow-x:clip}#root{width:100%;max-width:100vw;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:10;opacity:.45;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:.55;background:radial-gradient(#0000 60%,#00000080 85%,#000 100%);position:fixed;inset:0}body.clean-mode:before,body.clean-mode:after{display:none!important}body.clean-mode{background-image:none!important}::-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}.no-clip{clip-path:none!important;overflow:visible!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}.deck-builder-topbar{z-index:80;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background:#120e0bf0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0;display:flex;position:sticky;top:0}.deck-builder-topbar-left{align-items:center;gap:12px;display:flex}.deck-builder-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck-builder-subtabs{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;gap:6px;padding:4px;display:flex}.deck-builder-subtabs button{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;min-height:38px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.deck-builder-secondary-actions{align-items:center;gap:8px;display:flex}.deck-hero-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);z-index:50;background:linear-gradient(135deg,#1a1613f2,#120e0bfa);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;position:relative;box-shadow:0 10px 30px #00000080;clip-path:none!important;overflow:visible!important}.deck-hero-commander-section{flex:300px;align-items:center;gap:18px;display:flex}.deck-hero-price-section{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex;position:relative;overflow:visible!important}.deck-builder-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.deck-builder-main-col{min-width:0}.deck-builder-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.deck-builder-controls-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deck-builder-actions-row{align-items:center;gap:8px;display:flex}@media (width<=900px){.deck-builder-topbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.deck-builder-topbar-left{justify-content:space-between;align-items:center;width:100%;display:flex}.deck-builder-actions{flex-direction:column;gap:8px;width:100%;display:flex}.deck-builder-subtabs{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:3px;display:grid}.deck-builder-subtabs button{justify-content:center;min-height:42px;padding:8px 4px;font-size:.78rem}.deck-builder-secondary-actions{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.deck-builder-secondary-actions button{justify-content:center;min-height:40px;padding:6px 10px;font-size:.78rem}.deck-hero-banner{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.deck-hero-commander-section{width:100%}.deck-hero-price-section{box-sizing:border-box;justify-content:space-between;width:100%}.deck-builder-grid{flex-direction:column;gap:20px;display:flex}.deck-builder-controls-bar{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.deck-builder-search-box{box-sizing:border-box;width:100%!important;display:flex!important}.deck-builder-search-box input{width:100%!important}.deck-builder-actions-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.deck-builder-filter-dropdown-container{flex:1;min-width:0}.deck-builder-filter-dropdown-pill{box-sizing:border-box;justify-content:space-between!important;width:100%!important;display:flex!important}.deck-builder-view-toggle{flex-shrink:0;width:auto!important}.mainboard-header-row{flex-direction:column;align-items:flex-start!important;gap:12px!important}.deck-card-row{gap:8px!important;padding:10px 12px!important}}.deck-card-row{transition:all .15s}.deck-dashboard-layout{grid-template-columns:290px 1fr;align-items:flex-start;gap:24px;display:grid}.deck-dashboard-sidebar{z-index:30;scrollbar-width:thin;flex-direction:column;gap:14px;max-height:calc(100vh - 90px);display:flex;position:sticky;top:76px;overflow-y:auto}.deck-dashboard-sidebar::-webkit-scrollbar{width:4px}.deck-dashboard-sidebar::-webkit-scrollbar-track{background:0 0}.deck-dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--stone-700);border-radius:2px}.deck-dashboard-nav-card{background:var(--stone-850);flex-direction:column;gap:6px;padding:16px;display:flex}.deck-dashboard-nav-item{justifyContent:space-between;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;align-items:center;width:100%;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.deck-dashboard-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.deck-dashboard-nav-item.active{border-color:var(--copper-500);color:var(--copper-400);background:#ed670f2e;box-shadow:0 0 14px #ed670f33}.deck-dashboard-nav-badge{color:var(--text-muted);background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700}.deck-dashboard-nav-item.active .deck-dashboard-nav-badge{background:var(--copper-500);color:#fff}@media (width<=900px){.deck-dashboard-layout{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex;overflow-x:hidden}.deck-dashboard-main{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.deck-dashboard-sidebar{position:static}}.no-clip,.no-clip.glass-panel,.no-clip.card-panel{clip-path:none!important;overflow:visible!important}@media (width<=640px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.cards-grid.mobile-single-col{grid-template-columns:1fr!important;gap:14px!important}}.deck-card-row-mobile{box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;display:flex!important;overflow:hidden!important}@media (width<=640px){.deck-card-row{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}}.mobile-2col-table{flex-direction:column;gap:8px;width:100%;display:flex}.mobile-2col-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.mobile-2col-col1{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mobile-2col-col2{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}[data-vaul-drawer]{touch-action:none}.drawer-overlay{z-index:99990!important}.drawer-content{transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:99999!important}.scrollable-tabs-track::-webkit-scrollbar{display:none}