:root{--bg-dark:#f8faff;--bg-card:#fff;--bg-nav:#fff;--text-primary:#0f172a;--accent-hover:#1d4ed8;--border-color:#e2e8f8;--header-height:64px;--space-xs:clamp(0.5rem,1vw,0.75rem);--space-sm:clamp(0.75rem,2vw,1rem);--space-md:clamp(1rem,3vw,1.5rem);--space-lg:clamp(1.5rem,4vw,2.5rem);--space-xl:clamp(2rem,5vw,4rem);--space-2xl:clamp(3rem,8vw,6rem)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-attachment:fixed;background-color:#f1f5fe;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 0);background-size:32px 32px;color:var(--text-primary);font-size:1rem;line-height:1.6;overflow-x:hidden}img,svg,video{display:block;height:auto;max-width:100%}a{color:inherit}.container{margin:0 auto;padding:0 clamp(16px,4vw,40px);width:100%}header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.88);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);height:var(--header-height);position:sticky;top:0;z-index:1000}.header-container{gap:var(--space-sm);height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 clamp(16px,3vw,24px)}.header-container,.logo a{align-items:center;display:flex}.logo a{color:var(--text-primary);font-family:var(--font-head);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:800;gap:10px;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.logo i{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav{align-items:center;display:flex;gap:clamp(16px,3vw,30px)}.nav-links{display:flex;gap:clamp(12px,2vw,20px);list-style:none}.nav-links a{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:clamp(.8rem,1.5vw,.88rem);font-weight:500;gap:6px;text-decoration:none;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent-color)}.btn-dashboard{background:var(--grad);border-radius:8px;box-shadow:0 2px 12px rgba(37,99,235,.2);color:#fff;font-family:var(--font-head);font-size:clamp(.8rem,1.5vw,.88rem);font-weight:700;padding:8px 18px;text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;white-space:nowrap}.btn-dashboard:hover{box-shadow:0 6px 20px rgba(37,99,235,.3);opacity:.88;transform:translateY(-1px)}.mobile-menu-toggle{background:none;border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;font-size:1.2rem;padding:6px 10px;transition:border-color .2s}.mobile-menu-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.hero{background:radial-gradient(ellipse at 65% 0,#dbeafe99 0,transparent 55%),radial-gradient(ellipse at 15% 90%,#e0e7ff66 0,transparent 50%),#fff;border-bottom:1px solid var(--border-color);padding:clamp(60px,10vw,100px) clamp(16px,4vw,20px) clamp(48px,8vw,80px);text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero h1{background:var(--grad-text);-webkit-background-clip:text;background-size:200% 200%;font-family:var(--font-head);font-size:clamp(2rem,6vw,3.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin-bottom:clamp(12px,2vw,16px);-webkit-text-fill-color:transparent;animation:gradShift 5s ease infinite;background-clip:text}.hero p{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:300;line-height:1.7;margin-bottom:clamp(28px,5vw,40px);margin-left:auto;margin-right:auto;max-width:600px}.search-bar{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;margin:0 auto clamp(24px,4vw,40px);max-width:600px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%}.search-bar:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.1),var(--shadow-md)}.search-input-wrapper{flex:1;min-width:0;padding-left:16px}.search-input-wrapper i{flex-shrink:0}.search-bar input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:clamp(.9rem,2vw,1rem);min-width:0;outline:none;padding:clamp(12px,2vw,16px) 12px;width:100%}.search-bar input::-moz-placeholder{color:var(--text-secondary)}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar button{align-self:stretch;background:var(--grad);border:none;color:#fff;cursor:pointer;font-family:var(--font-head);font-size:clamp(.82rem,1.5vw,.9rem);font-weight:700;padding:0 clamp(16px,3vw,28px);transition:opacity .2s;white-space:nowrap}.search-bar button:hover{opacity:.88}.hero-cta{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,14px);justify-content:center}.btn-primary{align-items:center;background:var(--grad);border:none;border-radius:10px;box-shadow:0 4px 20px rgba(37,99,235,.25);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-head);font-size:clamp(.88rem,2vw,.95rem);font-weight:700;justify-content:center;padding:clamp(10px,2vw,12px) clamp(20px,3vw,28px);text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;white-space:nowrap}.btn-primary:hover{box-shadow:0 8px 28px rgba(37,99,235,.35);opacity:.88;transform:translateY(-2px)}.btn-secondary{align-items:center;background-color:#fff;border:1.5px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:clamp(.88rem,2vw,.95rem);font-weight:600;justify-content:center;padding:clamp(10px,2vw,12px) clamp(20px,3vw,28px);text-decoration:none;transition:border-color .2s,color .2s,box-shadow .2s,transform .15s;white-space:nowrap}.btn-secondary:hover{border-color:var(--accent-color);box-shadow:0 4px 16px rgba(37,99,235,.1);color:var(--accent-color);transform:translateY(-1px)}.features{background:var(--border-color);border:1.5px solid var(--border-color);border-radius:16px;display:grid;gap:1.5px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:clamp(32px,6vw,60px) 0;overflow:hidden}.feature-card{background:var(--bg-card);padding:clamp(24px,4vw,36px) clamp(20px,3vw,28px);text-align:center;transition:background .2s}.feature-card:hover{background:#f0f7ff}.feature-card i{background:var(--grad-text);-webkit-background-clip:text;display:block;font-size:clamp(1.6rem,3vw,2rem);margin-bottom:clamp(12px,2vw,18px);-webkit-text-fill-color:transparent;background-clip:text}.feature-card h3{color:var(--text-primary);font-family:var(--font-head);font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;margin-bottom:10px}.feature-card p{color:var(--text-secondary);font-size:clamp(.84rem,1.5vw,.9rem);line-height:1.65}footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);margin-top:clamp(48px,8vw,80px);padding:clamp(40px,6vw,60px) 0 clamp(24px,4vw,40px)}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,24px);justify-content:space-between;margin-bottom:clamp(20px,4vw,32px)}.footer-logo{background:var(--grad-text);-webkit-background-clip:text;font-family:var(--font-head);font-size:clamp(1rem,2vw,1.1rem);font-weight:800;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(14px,3vw,24px)}.footer-links a{color:var(--text-secondary);font-family:var(--font-mono);font-size:clamp(.78rem,1.5vw,.85rem);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.copyright{color:#94a3b8;font-family:var(--font-mono);font-size:clamp(.7rem,1.2vw,.75rem);line-height:1.8}.modal-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(15,23,42,.55);display:none;inset:0;justify-content:center;padding:clamp(12px,3vw,16px);position:fixed;z-index:2000}.modal-overlay.is-open{display:flex}.modal-container{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:clamp(12px,2vw,18px);box-shadow:var(--shadow-lg),0 0 0 1px rgba(37,99,235,.06);display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(760px,100%)}.modal-header{align-items:center;background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:clamp(12px,2vw,16px) clamp(16px,3vw,20px);position:relative}.modal-header:before{background:var(--grad);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modal-header h2{color:var(--text-primary);flex:1;font-family:var(--font-head);font-size:clamp(.88rem,2vw,1rem);font-weight:800;letter-spacing:.04em;margin:0;min-width:0;text-transform:uppercase}.modal-close{background:transparent;border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:1rem;padding:5px 9px;transition:border-color .15s,color .15s,background .15s}.modal-close:hover{background-color:#fef2f2;border-color:#fca5a5;color:#ef4444}.modal-body{flex:1;overflow-x:hidden;overflow-y:auto;padding:clamp(14px,2.5vw,18px);-webkit-overflow-scrolling:touch}.modal-section{background-color:var(--bg-dark);border:1.5px solid var(--border-color);border-radius:12px;padding:clamp(12px,2vw,16px)}.modal-section+.modal-section{margin-top:12px}.grid-2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.field-group{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{color:var(--text-secondary);display:block;font-family:var(--font-mono);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-input,.field-select,.field-textarea{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:clamp(.88rem,2vw,.92rem);font-size:max(16px,.92rem);outline:none;padding:11px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.field-textarea{min-height:120px;resize:vertical}.field-help{color:var(--text-secondary);font-size:clamp(.8rem,1.5vw,.85rem);line-height:1.55;margin-top:8px}.check-row{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(.85rem,2vw,.9rem);font-weight:600;gap:10px;margin-top:12px}.check-row input[type=checkbox]{accent-color:var(--accent-color);flex-shrink:0;height:16px;width:16px}.advanced-details{background:var(--bg-dark);border:1.5px solid var(--border-color);border-radius:12px;margin-top:12px;overflow:hidden}.advanced-details summary{color:var(--text-primary);cursor:pointer;font-family:var(--font-head);font-size:clamp(.85rem,2vw,.9rem);font-weight:700;list-style:none;padding:clamp(10px,2vw,12px) 16px;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-details summary:hover{background:#f0f7ff}.advanced-details summary::-webkit-details-marker{display:none}.advanced-details summary:before{color:var(--accent-color);content:"▸";display:inline-block;margin-right:10px;transition:transform .2s}.advanced-details[open] summary:before{transform:rotate(90deg)}.advanced-body{border-top:1px solid var(--border-color);padding:clamp(12px,2vw,14px)}.radio-row{display:flex;flex-wrap:wrap;gap:8px}.radio-chip{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:clamp(.82rem,1.5vw,.88rem);font-weight:600;gap:8px;padding:8px 12px;transition:border-color .2s,background .2s}.radio-chip:hover{background:#eff6ff;border-color:var(--accent-color)}.radio-chip input[type=radio]{accent-color:var(--accent-color);flex-shrink:0}.existing-list-panel{margin-top:12px}.modal-footer{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px;padding-top:14px}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}nav{align-items:flex-start;background-color:var(--bg-nav);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;height:calc(100dvh - var(--header-height));left:-100%;overflow-y:auto;padding:32px 24px;position:fixed;top:var(--header-height);transition:left .3s cubic-bezier(.4,0,.2,1);width:min(320px,100%);z-index:999}nav.active{left:0}.nav-links{flex-direction:column;gap:0;width:100%}.nav-links a{border-bottom:1px solid var(--border-color);font-size:1rem;justify-content:space-between;padding:14px 0;width:100%}.nav-user{width:100%}.btn-dashboard{border-radius:10px;display:block;padding:14px;text-align:center;width:100%}.hero-cta{align-items:center;flex-direction:column}.hero-cta .btn-primary,.hero-cta .btn-secondary{max-width:340px;width:100%}.search-bar{background:transparent;border:none;border-radius:0;box-shadow:none;flex-direction:column;gap:10px}.search-input-wrapper{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);padding-right:12px}.search-bar:focus-within{box-shadow:none}.search-bar button{align-self:auto;border-radius:10px;padding:14px;width:100%}.footer-content{align-items:center;flex-direction:column;text-align:center}.footer-links{justify-content:center}.modal-container{border-radius:clamp(0px,2vw,18px);max-height:100dvh}.modal-footer{justify-content:stretch}.modal-footer .btn-primary,.modal-footer .btn-secondary{flex:1;justify-content:center}}@media (max-width:480px){:root{--header-height:56px}.logo a{font-size:1rem}nav{border-bottom:1px solid var(--border-color);border-right:none;width:100%}.features{grid-template-columns:1fr}.radio-row{flex-direction:column}.radio-chip{width:100%}}@media (min-width:1200px){.features{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.mobile-menu-toggle,.modal-overlay,header{display:none!important}body{background:#fff;font-size:12pt}.hero{padding:20px 0}a{color:inherit;text-decoration:underline}}:root{--text-secondary:#64748b;--accent-color:#2563eb;--accent2:#6366f1;--accent3:#06b6d4;--grad:linear-gradient(135deg,#2563eb,#6366f1 50%,#06b6d4);--grad-text:linear-gradient(135deg,#2563eb,#6366f1,#06b6d4);--shadow-sm:0 1px 4px rgba(37,99,235,.07);--shadow-md:0 4px 20px rgba(37,99,235,.1);--shadow-lg:0 12px 40px rgba(37,99,235,.14);font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}.info{display:flex;flex-direction:column;gap:5px}.deck-container{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;overflow:hidden}.deck-header{background:radial-gradient(ellipse at 70% 0,#dbeafe99 0,transparent 60%),radial-gradient(ellipse at 10% 100%,#e0e7ff66 0,transparent 50%),#fff;border-bottom:1px solid var(--border-color);overflow:hidden;padding:40px 32px;position:relative}.deck-header:before{background:var(--grad);content:"";height:4px;left:0;position:absolute;right:0;top:0}.deck-header h1{background:var(--grad-text);-webkit-background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.08;margin-bottom:8px;-webkit-text-fill-color:transparent;animation:gradShift 5s ease infinite;background-clip:text}@keyframes gradShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.deck-header p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.deck-image{border-radius:12px;box-shadow:var(--shadow-md);height:auto;margin-top:5px;width:15%}.filter-section{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);padding:24px}.search-input-wrapper{align-items:center;background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;margin-bottom:20px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.search-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-input-wrapper i{color:var(--text-secondary)}.search-input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body) serif;font-size:.95rem;outline:none;padding:13px 12px;width:100%}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.filter-group,.sort-group{flex:1;min-width:250px}.filter-label{color:var(--text-secondary);display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.flex-wrap-gap{display:flex;flex-wrap:wrap;gap:6px}.btn-filter{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:7px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:.88rem;font-weight:700;min-width:40px;padding:6px 12px;text-align:center;transition:all .2s}.btn-filter:hover{border-color:var(--accent-color);box-shadow:0 2px 8px rgba(37,99,235,.12);color:var(--accent-color);transform:translateY(-1px)}.btn-filter-white-selected{background:#f8f6d3;border-color:#d1cfab;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#555}.btn-filter-black-selected{background:#1e293b;border-color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff}.btn-filter-red-selected{background:#ef4444;border-color:#dc2626;box-shadow:0 2px 8px rgba(239,68,68,.25);color:#fff}.btn-filter-blue-selected{background:#2563eb;border-color:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,.3);color:#fff}.btn-filter-green-selected{background:#16a34a;border-color:#15803d;box-shadow:0 2px 8px rgba(22,163,74,.25);color:#fff}.sort-row{display:flex;gap:10px}.sort-select{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.sort-select:not(.sort-order){flex:2}.sort-select.sort-order{flex:1}.sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.results-bar{align-items:center;background:var(--bg-dark);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:.88rem;justify-content:space-between;padding:14px 24px}.results-bar span{color:var(--accent-color);font-weight:700}.deck-actions{display:flex;gap:10px}.btn-action{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-head);font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-action:hover{background:var(--grad);border-color:transparent;box-shadow:0 4px 16px rgba(37,99,235,.25);color:#fff;transform:translateY(-1px)}.btn-action.btn-secondary{background:transparent;border:1.5px solid var(--border-color);color:var(--text-secondary)}.btn-action.btn-secondary:hover{background:var(--bg-dark);border-color:var(--accent-color);box-shadow:none;color:var(--accent-color);transform:none}.deck-grid{display:flex;flex-direction:column}.deck-item{border-bottom:1px solid var(--border-color);padding:20px 24px;transition:background .15s}.deck-item:last-child{border-bottom:none}.deck-item:hover{background-color:#f0f7ff}.deck-item-inner{align-items:center;display:flex;justify-content:space-between}.deck-info-link{color:inherit;cursor:pointer;flex:1;min-width:0;text-decoration:none}.deck-info-link:hover .deck-link{color:var(--accent-color)}.deck-title-row{align-items:start;display:flex;gap:10px;margin-bottom:6px}.deck-link{color:var(--text-primary);font-family:var(--font-head),serif;font-size:1.7rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;transition:color .2s}.deck-link:hover{color:var(--accent-color)}.deck-meta{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:.82rem;gap:10px}.mana-colors{display:flex;gap:4px}.mana-symbol{align-items:center;border:1.5px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;font-size:.6rem;font-weight:900;height:18px;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.2);width:18px}.color-W{background:#f8f6d3;border-color:#d1cfab;color:#555}.color-U{background:#2563eb;border-color:#1d4ed8;color:#fff}.color-B{background:#1e293b;border-color:#334155;color:#fff}.color-R{background:#ef4444;border-color:#dc2626;color:#fff}.color-G{background:#16a34a;border-color:#15803d;color:#fff}.meta-sep{color:var(--border-color)}.badge{border-radius:6px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.bracket-badge{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.25);color:var(--accent-color)}.deck-item-actions{align-items:center;display:flex;gap:12px}.btn-icon{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 10px;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.btn-icon:hover{background:#eff6ff;border-color:var(--accent-color);box-shadow:0 2px 8px rgba(37,99,235,.12);color:var(--accent-color)}.deck-price{color:var(--accent-color);font-weight:700}.external-icon{color:var(--border-color);font-size:1rem;transition:color .2s}.deck-item:hover .external-icon{color:var(--accent-color)}.empty-state{color:var(--text-secondary);padding:80px 24px;text-align:center}.empty-state i{background:var(--grad-text);-webkit-background-clip:text;display:block;font-size:3rem;margin-bottom:16px;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4}@media (max-width:768px){.deck-header{padding:28px 16px}.deck-header h1{font-size:2rem}.filter-section{padding:16px}.filter-controls{align-items:stretch;flex-direction:column;gap:16px}.filter-group,.sort-group{min-width:100%}.results-bar{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.deck-actions{width:100%}.btn-action{flex:1;text-align:center}.deck-item{padding:16px}.deck-meta{flex-wrap:wrap;gap:6px}}@media (max-width:480px){.deck-title-row{align-items:flex-start;flex-direction:column;gap:4px}.deck-link{font-size:1.05rem}}