:root{--bg-primary: #0d0d0f;--bg-secondary: #111113;--bg-card: #1a1a1c;--bg-hover: #222226;--border: #252528;--border-subtle: #1c1c1f;--accent-teal: #f59e0b;--accent-teal-glow: rgba(245, 158, 11, .13);--accent-gold: #f59e0b;--accent-gold-light: #fbbf24;--accent-gold-glow: rgba(245, 158, 11, .12);--accent-green: #4ade80;--accent-red: #f87171;--accent-blue: #63a4ff;--accent-purple: #a78bfa;--accent-white: #f5f5f5;--text-primary: #f5f5f5;--text-secondary: #888888;--text-muted: #444448;--sidebar-width: 220px;--topbar-height: 56px;--bottom-nav-height: 68px;--nav-height: 60px;--radius: 14px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;min-height:100vh}#app{display:flex;min-height:100vh;width:100%}#sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}#sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 40px #0009}@media (min-width: 900px){#sidebar{transform:translate(0)}}.sidebar-logo{padding:24px 20px 18px;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.4px}.sidebar-logo p{font-size:.7rem;color:var(--text-muted);margin-top:3px}.nav-section-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-muted);padding:20px 20px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:all .15s;text-decoration:none;background:none;border:none;border-left:3px solid transparent;width:100%;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-gold);background:var(--accent-gold-glow);border-left-color:var(--accent-gold)}.nav-item .icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}#main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}@media (min-width: 900px){#main{margin-left:var(--sidebar-width)}}#topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 16px;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;gap:12px}.topbar-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-title-center{font-size:1rem;font-weight:700;color:var(--text-primary);position:absolute;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap}.topbar-title-inline{font-size:1.05rem;font-weight:700;color:var(--text-primary);white-space:nowrap;display:none}@media (min-width: 900px){#topbar{padding:0 28px}.topbar-title-center{display:none}.topbar-title-inline{display:block}}#menu-btn{display:flex}@media (min-width: 900px){#menu-btn{display:none}}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-log-btn{display:none}@media (min-width: 900px){.topbar-log-btn{display:inline-flex}}.btn{padding:9px 18px;border-radius:9px;border:none;cursor:pointer;font-size:.84rem;font-weight:600;transition:all .2s;letter-spacing:.2px;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),#b8922f);color:#1a1000}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);filter:brightness(.98)}.btn-teal{background:linear-gradient(135deg,var(--accent-teal),#2ba893);color:#0a1a16;font-weight:700}.btn-teal:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--accent-gold);background:var(--accent-gold-glow)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-icon{padding:8px 10px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:9px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit}.btn-icon:hover{color:var(--text-primary);border-color:var(--accent-gold)}#content{padding:16px 16px calc(var(--bottom-nav-height) + 24px);flex:1}@media (min-width: 900px){#content{padding:28px}}.section-title{font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.2px}.section-title:after{content:"";flex:1;height:1px;background:var(--border);margin-left:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 600px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid-2,.grid-3{gap:16px}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px}}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.portfolio-hero{background:linear-gradient(140deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:20px;padding:22px 20px 18px;position:relative;overflow:hidden;margin-bottom:14px}.portfolio-hero:before{content:"";position:absolute;top:-90px;right:-90px;width:240px;height:240px;background:radial-gradient(circle,var(--accent-teal-glow),transparent 70%);pointer-events:none}.portfolio-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.portfolio-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--text-muted)}.portfolio-value{font-size:2.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-1.5px;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums}.portfolio-subtitle{font-size:.76rem;color:var(--text-secondary);margin-bottom:18px}.portfolio-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portfolio-tier{background:#00000040;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 8px;text-align:center}.portfolio-tier-label{font-size:.58rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-weight:700;margin-bottom:4px}.portfolio-tier-value{font-size:.98rem;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.portfolio-tier.mid .portfolio-tier-value{color:var(--accent-teal);font-size:1.05rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.gold:before{background:linear-gradient(90deg,var(--accent-gold),transparent)}.stat-card.blue:before{background:linear-gradient(90deg,var(--accent-blue),transparent)}.stat-card.green:before{background:linear-gradient(90deg,var(--accent-green),transparent)}.stat-card.red:before{background:linear-gradient(90deg,var(--accent-red),transparent)}.stat-card.purple:before{background:linear-gradient(90deg,var(--accent-purple),transparent)}.stat-card.teal:before{background:linear-gradient(90deg,var(--accent-teal),transparent)}.stat-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:4px}.stat-value{font-size:1.75rem;font-weight:800;margin:4px 0 2px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat-sub{font-size:.72rem;color:var(--text-secondary)}.stat-icon{position:absolute;right:14px;top:14px;font-size:1.35rem;opacity:.16}.stats-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.match-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.match-item:last-child{border-bottom:none}.match-result-indicator{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0;letter-spacing:.5px;text-transform:uppercase}.match-result-indicator.win{background:#48bb7826;color:var(--accent-green)}.match-result-indicator.loss{background:#f0647a26;color:var(--accent-red)}.match-result-indicator.draw{background:#63a4ff26;color:var(--accent-blue)}.match-info{flex:1;min-width:0}.match-deck-name{font-size:.87rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-meta-row{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.match-item-right{text-align:right;flex-shrink:0}.match-item-date{font-size:.66rem;color:var(--text-muted);margin-top:3px}.matchup-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.matchup-row:last-child{border-bottom:none}.matchup-name{width:100px;font-size:.82rem;flex-shrink:0;color:var(--text-secondary)}.matchup-bar{flex:1}.matchup-wr{width:44px;text-align:right;font-size:.82rem;font-weight:700;flex-shrink:0}.wr-bar-track{height:6px;background:var(--bg-primary);border-radius:99px;overflow:hidden;margin-top:4px}.wr-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:9px;color:var(--text-primary);padding:11px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #3ecfb21a}.form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:80px}.outcome-toggle{display:flex;gap:8px}.outcome-btn{flex:1;padding:12px;border-radius:9px;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s;text-align:center;font-family:inherit}.outcome-btn.win.selected{border-color:var(--accent-green);background:#48bb781f;color:var(--accent-green)}.outcome-btn.loss.selected{border-color:var(--accent-red);background:#f0647a1f;color:var(--accent-red)}.outcome-btn.draw.selected{border-color:var(--accent-blue);background:#63a4ff1f;color:var(--accent-blue)}.outcome-btn:hover{border-color:var(--text-secondary)}.match-table{width:100%;border-collapse:collapse}.match-table th{text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--border)}.match-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);font-size:.86rem;vertical-align:middle}.match-table tr:last-child td{border-bottom:none}.match-table tr:hover td{background:#ffffff04}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.3px}.badge-win{background:#48bb7826;color:var(--accent-green)}.badge-loss{background:#f0647a26;color:var(--accent-red)}.badge-draw{background:#63a4ff26;color:var(--accent-blue)}.badge-format{background:#c9a84c1a;color:var(--accent-gold);border:1px solid rgba(201,168,76,.2)}.badge-deck{background:#a78bfa1f;color:var(--accent-purple)}.news-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;gap:14px;transition:border-color .2s,transform .2s;cursor:pointer;text-decoration:none;color:inherit}.news-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.news-img{width:88px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg-hover)}.news-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:6px}.news-meta{font-size:.7rem;color:var(--text-muted);display:flex;gap:10px;align-items:center}.news-source{background:var(--accent-gold-glow);color:var(--accent-gold);padding:2px 8px;border-radius:99px;font-size:.62rem;font-weight:700}.news-loading{text-align:center;padding:60px 20px;color:var(--text-muted)}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent-teal);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar .form-input{flex:1;font-size:.95rem;padding:12px 16px}.search-bar .btn{padding:12px 20px}.search-wrapper{position:relative;flex:1}.search-wrapper .form-input{width:100%}.ac-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--accent-teal);border-radius:12px;overflow:hidden;z-index:60;box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto}.ac-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;font-size:.88rem;color:var(--text-secondary);transition:background .1s,color .1s;border-bottom:1px solid var(--border-subtle)}.ac-item:last-child{border-bottom:none}.ac-item:hover,.ac-item.ac-focused{background:var(--bg-hover);color:var(--accent-gold)}.ac-item .ac-icon{font-size:.9rem;flex-shrink:0;opacity:.6}.ac-item .ac-name{flex:1}.ac-hint{font-size:.62rem;color:var(--text-muted);padding:6px 14px 8px;text-align:right}.card-result{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width: 700px){.card-result{grid-template-columns:240px 1fr}}.card-image-wrap{position:relative}.card-image-wrap img{width:100%;border-radius:12px;box-shadow:var(--shadow-lg);max-width:240px;margin:0 auto;display:block}.card-details h2{font-size:1.4rem;font-weight:800;margin-bottom:4px}.card-type-line{color:var(--text-secondary);font-size:.85rem;margin-bottom:14px}.card-oracle{background:#0000004d;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.86rem;line-height:1.6;color:var(--text-secondary);margin-bottom:16px;font-style:italic}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.price-item{background:#0003;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.price-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700}.price-value{font-size:1.15rem;font-weight:700;color:var(--accent-gold);margin-top:4px}.prints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.print-card{cursor:pointer;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:all .2s;background:var(--bg-card)}.print-card:hover{border-color:var(--accent-gold);transform:scale(1.03)}.print-card.selected{border-color:var(--accent-gold);box-shadow:0 0 16px #c9a84c40}.print-card img{width:100%;display:block;border-radius:8px}.print-card-label{padding:6px 8px;font-size:.62rem;color:var(--text-secondary);text-align:center;line-height:1.3}.collection-controls{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.col-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s;position:relative}.col-card:hover{border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 8px 24px #0006}.col-card img{width:100%;display:block}.col-card-info{padding:8px 10px}.col-card-name{font-size:.76rem;font-weight:600;color:var(--text-primary);line-height:1.3}.col-card-set{font-size:.65rem;color:var(--text-muted);margin-top:2px}.col-card-qty{position:absolute;top:6px;right:6px;background:#000000bf;color:var(--accent-gold);font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.col-card-remove{position:absolute;top:6px;left:6px;background:#f0647ae0;color:#fff;border:none;border-radius:99px;width:22px;height:22px;font-size:.82rem;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s}.col-card:hover .col-card-remove{display:flex}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 16px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:600;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-teal);border-bottom-color:var(--accent-teal)}.empty-state{text-align:center;padding:50px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:2.6rem;margin-bottom:12px;opacity:.4}.empty-state p{font-size:.88rem;line-height:1.6}#mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 900px){#mobile-nav{display:none}}.mobile-nav-items{display:flex;align-items:flex-end;justify-content:space-around;height:var(--bottom-nav-height);padding:0 4px;position:relative}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px 6px;cursor:pointer;color:var(--text-muted);font-size:.58rem;font-weight:600;transition:color .15s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex:1;min-width:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-nav-item .icon{font-size:1.35rem;line-height:1;margin-bottom:1px;transition:transform .15s}.mobile-nav-item.active{color:var(--accent-gold)}.mobile-nav-item.active .icon{filter:drop-shadow(0 0 5px rgba(201,168,76,.5))}.mobile-nav-item:active .icon{transform:scale(.88)}.mobile-nav-fab-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1.2;padding-top:0;padding-bottom:8px;position:relative;top:-12px}.mobile-nav-fab{width:52px;height:52px;background:linear-gradient(135deg,var(--accent-gold),#b8922f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1000;font-size:1.7rem;font-weight:300;box-shadow:0 4px 18px #c9a84c73;cursor:pointer;border:3px solid var(--bg-secondary);transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1;font-family:inherit}.mobile-nav-fab:active{transform:scale(.9);box-shadow:0 2px 8px #c9a84c4d}.mobile-nav-fab-label{font-size:.55rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}#overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#overlay.open{display:block}#toast{position:fixed;bottom:calc(var(--bottom-nav-height) + 20px);right:16px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-teal);border-radius:12px;padding:12px 16px;font-size:.84rem;box-shadow:var(--shadow-lg);z-index:300;transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:260px;display:flex;align-items:center;gap:10px}#toast.show{transform:translateY(0);opacity:1}@media (min-width: 900px){#toast{bottom:24px}}.meta-layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media (min-width: 900px){.meta-layout{grid-template-columns:1fr 300px}}.meta-layout.full{grid-template-columns:1fr}.tier-block{margin-bottom:22px}.tier-label{display:inline-flex;align-items:center;gap:8px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:4px 12px;border-radius:6px;margin-bottom:10px}.tier-s{background:#ffd7001f;color:gold;border:1px solid rgba(255,215,0,.25)}.tier-a{background:#c9a84c1a;color:var(--accent-gold);border:1px solid rgba(201,168,76,.2)}.tier-b{background:#63a4ff14;color:var(--accent-blue);border:1px solid rgba(99,164,255,.18)}.tier-c{background:#a78bfa14;color:var(--accent-purple);border:1px solid rgba(167,139,250,.18)}.meta-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.meta-deck-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .2s,transform .2s;cursor:default}.meta-deck-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.meta-deck-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.meta-deck-name{font-weight:700;font-size:.9rem;color:var(--text-primary);line-height:1.3}.meta-tier-pill{font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0}.meta-colors{font-size:.92rem;margin-bottom:6px;letter-spacing:2px}.meta-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.meta-pct{font-size:.68rem;color:var(--text-muted);margin-left:auto}.meta-key-cards{font-size:.72rem;color:var(--text-secondary);line-height:1.5;margin-bottom:10px;padding-top:6px;border-top:1px solid var(--border)}.meta-key-cards strong{color:var(--accent-gold)}.meta-links{display:flex;gap:6px;flex-wrap:wrap}.trending-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}@media (min-width: 900px){.trending-panel{position:sticky;top:72px}}.trending-header{padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--accent-gold-glow),transparent);display:flex;align-items:center;justify-content:space-between}.trending-header h3{font-size:.9rem;font-weight:700}.trending-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);transition:background .12s;cursor:pointer}.trending-item:last-child{border-bottom:none}.trending-item:hover{background:var(--bg-hover)}.trending-rank{width:20px;font-size:.72rem;font-weight:800;color:var(--text-muted);text-align:center;flex-shrink:0}.trending-rank.top3{color:var(--accent-gold)}.trending-commander-img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--bg-hover);flex-shrink:0}.trending-info{flex:1;min-width:0}.trending-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-sub{font-size:.66rem;color:var(--text-muted);margin-top:1px}.trending-arrow{font-size:.76rem;color:var(--accent-green);font-weight:700;flex-shrink:0}.meta-info-bar{background:var(--accent-gold-glow);border:1px solid rgba(201,168,76,.18);border-radius:10px;padding:10px 16px;font-size:.78rem;color:var(--text-secondary);margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meta-info-bar a{color:var(--accent-gold);text-decoration:none}.meta-info-bar a:hover{text-decoration:underline}#decklist-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:200;align-items:center;justify-content:center;padding:16px}#decklist-modal.open{display:flex}.decklist-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:18px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.decklist-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-gold-glow),transparent)}.decklist-header h3{flex:1;font-size:1.05rem}.decklist-body{display:grid;grid-template-columns:1fr;overflow:hidden;flex:1;min-height:0}@media (min-width: 600px){.decklist-body{grid-template-columns:200px 1fr}}.decklist-sidebar{border-right:none;border-bottom:1px solid var(--border);overflow-y:auto;padding:14px;background:var(--bg-primary);flex-shrink:0;max-height:200px}@media (min-width: 600px){.decklist-sidebar{border-right:1px solid var(--border);border-bottom:none;max-height:none}}.decklist-main{overflow-y:auto;padding:16px 20px}.dl-section{margin-bottom:18px}.dl-section-title{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.dl-card-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .12s;font-size:.82rem}.dl-card-row:hover{background:var(--bg-hover)}.dl-qty{width:20px;font-weight:700;color:var(--accent-gold);text-align:center;flex-shrink:0;font-size:.76rem}.dl-card-name{flex:1;color:var(--text-secondary)}.dl-card-row:hover .dl-card-name{color:var(--text-primary)}.dl-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.dl-img-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s;background:var(--bg-card)}.dl-img-item:hover{border-color:var(--accent-gold);transform:scale(1.04)}.dl-img-item img{width:100%;display:block;border-radius:6px}.dl-img-item .dl-img-label{font-size:.6rem;text-align:center;padding:4px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decklist-footer{padding:12px 22px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}.dl-card-count{font-size:.76rem;color:var(--text-muted);margin-right:auto}.col-search-wrap{position:relative;max-width:300px}.col-search-wrap .form-input{width:100%}.col-ac-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--accent-teal);border-radius:10px;overflow:hidden;z-index:60;box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto}.col-ac-item{padding:9px 12px;cursor:pointer;font-size:.82rem;color:var(--text-secondary);transition:background .1s;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-subtle)}.col-ac-item:last-child{border-bottom:none}.col-ac-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.col-ac-qty{font-size:.68rem;color:var(--text-muted);margin-left:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:18px;padding:24px;width:90%;max-width:420px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}.modal-box h3{margin-bottom:18px;font-size:1.05rem;font-weight:700}.modal-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end}.auth-modal{display:none}.auth-modal.open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal .modal-box{position:relative;transform:none;top:auto;left:auto}.user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.72rem;cursor:pointer}.friend-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s}.friend-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.trade-match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;gap:8px;align-items:center;margin-bottom:8px}.trade-match-card img{width:48px;height:68px;border-radius:4px;object-fit:cover}.mana{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.66rem;font-weight:800;margin:0 1px}.mana-W{background:#f9f6d2;color:#666}.mana-U{background:#0e68ab;color:#fff}.mana-B{background:#150b00;color:#a59e8c;border:1px solid #555}.mana-R{background:#d3202a;color:#fff}.mana-G{background:#00733e;color:#fff}.mana-C{background:#ccc;color:#333}.col-card.for-sale{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold)}.col-card-tag-btn{font-size:.65rem;padding:2px 7px;border-radius:20px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s}.col-card-tag-btn:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.col-card-tag-btn.active{border-color:var(--accent-gold);background:#c9a84c1f;color:var(--accent-gold)}.mover-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.mover-row-last-no-border{border-bottom:none}.mover-row img{width:36px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0}.mover-row-info{flex:1;min-width:0}.mover-row-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mover-row-set{font-size:.72rem;color:var(--text-muted)}.mover-row-delta{font-size:.85rem;font-weight:700;flex-shrink:0}.progress-track{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin:8px 0}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-teal),#fbbf24);transition:width .3s ease}.quickaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.quickaction-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;transition:all .18s;text-decoration:none}.quickaction-card:hover{border-color:var(--accent-teal);transform:translateY(-2px)}.quickaction-card-icon{font-size:1.4rem}.quickaction-card-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.quickaction-wide{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}.donut-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 16px 10px}.deck-art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.deck-art-tile{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);transition:transform .18s,border-color .18s}.deck-art-tile:hover{transform:translateY(-3px);border-color:var(--accent-teal)}.deck-art-tile-img{width:100%;height:100%;object-fit:cover;object-position:top}.deck-art-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 55%,transparent 100%)}.deck-art-tile-body{position:absolute;bottom:0;left:0;right:0;padding:10px 12px}.deck-art-tile-name{font-size:.82rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.deck-art-tile-format{font-size:.62rem;color:#ffffff8c;margin-top:2px}.deck-art-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.3}.deck-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-muted);padding:16px 0 8px;display:flex;align-items:center;gap:6px}.card-detail-art{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:top;border-radius:var(--radius) var(--radius) 0 0;display:block}.card-detail-body{padding:14px 16px}.card-detail-name{font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1.2}.card-detail-type{font-size:.75rem;color:var(--text-secondary);margin-top:3px;font-style:italic}.card-detail-oracle{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.price-toggle{display:flex;background:var(--bg-primary);border-radius:8px;padding:3px;gap:2px;margin-top:10px}.price-toggle-btn{flex:1;padding:6px 0;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--text-muted)}.price-toggle-btn.active{background:var(--accent-teal);color:#000}