.card-viewer{gap:var(--spacing-lg);height:100%;padding:var(--spacing-lg);flex-direction:row;display:flex}.card-viewer-header{padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.card-viewer-header h2{color:var(--color-primary);font-size:1.5rem}.card-viewer-header p{color:var(--color-text-muted)}.card-grid{gap:var(--spacing-lg);padding:var(--spacing-md);flex-wrap:wrap;flex:1;place-content:flex-start center;display:flex;overflow-y:auto}.filter-panel{width:250px;min-width:250px;padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);gap:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.filter-panel h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem}.filter-panel .filter-section{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.filter-panel .filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:auto;font-size:.75rem;font-weight:600}.filter-panel .filter-chips,.filter-panel .tag-filter-scroll{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.reset-filters-btn{width:100%;margin-top:auto}.card-viewer-main{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.empty-state{height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;font-style:italic;display:flex}.search-input{width:100%;padding:var(--spacing-sm);background-color:var(--color-surface-light);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem}.search-input:focus{border-color:var(--color-primary);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.cost-range-inputs{gap:var(--spacing-sm);align-items:center;display:flex}.cost-input{max-width:80px;padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-surface-light);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-text);flex:1;min-width:60px;font-size:.875rem}.cost-input:focus{border-color:var(--color-primary);outline:none}.cost-input::placeholder{color:var(--color-text-muted)}.cost-range-inputs span{color:var(--color-text-muted);font-size:.875rem}.filter-count{color:var(--color-primary);font-weight:600}.card-viewer-header{gap:var(--spacing-md);flex-wrap:wrap}.header-controls{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.tm-card{cursor:pointer;background:linear-gradient(-60deg,#c8c8c8 10% 50%,#c8c8c8 90%);border:4px solid #898989;border-color:#ddd #898989 #898989 #ddd;border-radius:20px;flex-direction:column;flex-shrink:0;width:280px;height:360px;padding:10px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 2px 1px #000}.tm-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px 2px #0009}.card-name-bar.card-type-corporation{background:linear-gradient(#dcdcdc 0%,#c8c8c8 50%,#b4b4b4 100%)}.card-name-bar.card-type-green{background:linear-gradient(#0ac20a 0%,#089108 50%,#067306 100%)}.card-name-bar.card-type-blue{background:linear-gradient(#4da3e6 0%,#208cdf 50%,#1870b8 100%)}.card-name-bar.card-type-red{background:linear-gradient(#e05040 0%,#c43030 50%,#a02020 100%)}.card-cost-container{z-index:10;filter:drop-shadow(0 0 2px #000);border-radius:11px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:-15px;left:8px}.cost-icon{z-index:-1;width:52px;height:52px;position:absolute}.card-cost-value{color:var(--color-black);text-shadow:0 0 2px #ffffff80;z-index:1;font-size:28px;font-weight:700;line-height:50px}.card-discount-display{z-index:11;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.discount-arrow{filter:drop-shadow(0 1px 1px #000c);width:10px;height:10px}.card-discounted-cost-box{filter:drop-shadow(0 0 2px #000);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.discount-cost-icon{z-index:-1;filter:brightness(1.3)saturate(.8);width:32px;height:32px;position:absolute}.card-discounted-cost-value{color:var(--color-black);text-shadow:0 0 2px #ffffff80;z-index:1;font-size:18px;font-weight:700;line-height:30px}.card-name-bar{text-align:center;border:2px solid #0000004d;border-color:#ffffff4d #0000004d #0000004d #ffffff4d;border-radius:8px;margin-top:32px;margin-bottom:8px;padding:8px 12px;box-shadow:0 2px 4px #0000004d}.tm-card .card-name{color:var(--color-text-black);text-transform:uppercase;letter-spacing:.3px;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;line-height:1.3}.card-requirements-box{background-color:#ffa50026;border:2px solid #ffa500b3;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 8px;padding:6px 8px 4px;display:flex;position:relative}.card-requirements-box.req-met{background-color:#28a74526;border-color:#28a745b3}.card-requirements-box.req-possible{background-color:#ffa50026;border-color:#ffa500b3}.card-requirements-box.req-impossible{background-color:#dc354526;border-color:#dc3545b3}.card-requirements-box .req-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-black,#1a1a1a);white-space:nowrap;background-color:#c8c8c8;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:-.5em;left:50%;transform:translate(-50%)}.card-requirements-box .req-item{color:var(--color-text-black);align-items:center;gap:2px;font-size:.75rem;font-weight:600;display:inline-flex}.card-requirements-box .req-value{font-size:.75rem;font-weight:700}.card-requirements-box .req-icon{width:auto;height:16px}.card-requirements-box .req-tag-icon{width:24px;height:24px}.card-requirements-box .req-tag-item{gap:1px}.card-requirements-box .req-production-item{gap:2px}.card-requirements-box .req-production-box{background:linear-gradient(#c26a3a,#a85a2e);border:1px solid #0000004d;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.card-requirements-box .req-resource-icon{width:16px;height:16px}.card-requirements-text{color:var(--color-text-dark-gray);text-align:center;border-top:1px solid #dc35454d;margin-top:auto;padding:4px 8px;font-size:.6rem;font-style:italic}.card-tags-section{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:220px;display:flex;position:absolute;top:-15px;right:4px}.tag-icon{filter:brightness(.9)drop-shadow(0 1px 3px #00000080);background-size:cover;width:52px;height:52px}.card-content-area{background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;flex:1;gap:6px;min-height:70px;margin:4px 0 8px;padding:8px;display:flex}.effect-text{color:var(--color-text-black);text-align:center;padding:4px;font-size:.7rem;line-height:1.3}.ability-text{color:var(--color-text-dark-gray);margin-left:4px;font-size:.7rem;font-style:italic;line-height:1.3}.effect-label{color:var(--color-text-black);font-weight:700}.action-label{color:var(--color-text-black);margin-right:4px;font-size:.7rem;font-weight:700}.card-action-display{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.action-cost{align-items:center;gap:4px;display:inline-flex}.action-cost-item{align-items:center;gap:2px;display:inline-flex}.action-amount{color:var(--color-text-dark-gray);font-size:.75rem;font-weight:700}.action-cost-modifier{color:var(--color-text-dark-gray);align-items:center;gap:2px;font-size:.6rem;font-style:italic;display:inline-flex}.action-arrow{flex-shrink:0;width:16px;height:16px;margin:0 2px}.action-icon{width:18px!important;height:18px!important}.tr-icon{color:#c17e21;font-size:.65rem;font-weight:700;width:auto!important;height:auto!important}.counter-icon{font-size:.75rem;width:auto!important;height:auto!important}.action-effects{align-items:center;gap:4px;display:inline-flex}.card-info-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.card-production-box{background:linear-gradient(#c26a3a,#a85a2e,#8a4a25);border-top:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex;box-shadow:0 0 0 1px #0009}.production-item{align-items:center;gap:2px;display:flex}.production-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:20px;height:20px}.production-amount{color:var(--color-white);text-shadow:0 1px 2px #000c;margin-right:2px;font-size:.8rem;font-weight:700}.card-production-per-tag{flex-direction:column;align-items:center;gap:4px;margin:6px 12px;display:flex}.production-per-tag-item{background:linear-gradient(#c26a3a,#a85a2e,#8a4a25);border-top:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex;box-shadow:0 0 0 1px #0009}.ppt-resource{align-items:center;gap:2px;display:flex}.ppt-amount{color:var(--color-white);text-shadow:0 1px 2px #000c;font-size:.8rem;font-weight:700}.ppt-resource-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:18px;height:18px}.ppt-slash{color:var(--color-white);text-shadow:0 1px 2px #000c;margin:0 2px;font-size:.9rem;font-weight:700}.ppt-tags{align-items:center;gap:2px;display:flex}.ppt-divisor{color:var(--color-white);text-shadow:0 1px 2px #000c;font-size:.8rem;font-weight:700}.ppt-tag-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:18px;height:18px}.card-production-per-forest{flex-direction:column;align-items:center;gap:4px;margin:6px 12px;display:flex}.production-per-forest-item{background:linear-gradient(180deg,var(--color-orange-bright),var(--color-orange-dark),var(--color-orange-dark));border-top:1px solid var(--color-border-light);border-left:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-dark);border-right:1px solid var(--color-border-dark);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:flex;box-shadow:0 0 0 1px #0009}.ppf-resource{align-items:center;gap:2px;display:flex}.ppf-amount{color:var(--color-white);text-shadow:0 1px 2px #000c;font-size:.8rem;font-weight:700}.ppf-resource-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:18px;height:18px}.ppf-slash{color:var(--color-white);text-shadow:0 1px 2px #000c;margin:0 2px;font-size:.9rem;font-weight:700}.ppf-forest{align-items:center;display:flex}.ppf-forest-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:18px;height:18px}.card-tag-triggers{display:inline}.tag-trigger-item{color:var(--color-text-black);font-size:.7rem;line-height:1.4}.trigger-tag-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);vertical-align:middle;width:14px;height:14px}.inline-tag-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px #0000004d);width:16px;height:16px;margin:0 2px}.inline-resource-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px #0000004d);width:16px;height:16px;margin:0 1px}.conditional-resource-gains{color:var(--color-text-dark-gray);flex-basis:100%;font-size:.75rem;line-height:1.4}.conditional-resource-gains .resource-gain-item{vertical-align:middle;align-items:center;display:inline-flex}.conditional-resource-gains .resource-gain-amount{font-size:inherit;color:inherit;text-shadow:none;margin-right:1px;font-weight:600}.conditional-separator{color:#666;margin:0 2px}.conditional-text{color:#555;margin-left:2px;font-size:.7rem}.effect-text-with-icons{display:inline}.trigger-or{font-weight:600}.trigger-result-item{align-items:center;gap:1px;display:inline-flex}.trigger-amount{font-size:.7rem;font-weight:600}.trigger-result-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);vertical-align:middle;width:14px;height:14px}.trigger-result-text{font-style:italic}.trigger-target{color:var(--color-text-dark-gray);font-size:.65rem}.card-vp-display{background:linear-gradient(180deg,var(--color-titanium-light),var(--color-titanium-dark),var(--color-titanium-dark));border-top:1px solid var(--color-border-light);border-left:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-dark);border-right:1px solid var(--color-border-dark);border-radius:4px;justify-content:center;align-items:center;padding:3px 6px;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 0 0 1px #0009}.vp-value{color:var(--color-white);text-shadow:0 0 2px #000c;font-size:.9rem;font-weight:700;line-height:1}.vp-per-tag{align-items:center;gap:1px;display:flex}.vp-tag-icon{vertical-align:middle;width:14px;height:14px}.card-id-box{color:#fff9;background-color:#00000080;border:1px solid #ffffff26;border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:500;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.card-settings-gear{cursor:pointer;opacity:.4;z-index:5;font-size:.85rem;line-height:1;transition:opacity .15s;position:absolute;bottom:4px;left:6px}.card-settings-gear:hover{opacity:1}.card-flip-container{perspective:1000px;flex-shrink:0;position:relative}.card-flip-container.full{width:280px;height:360px}.card-flip-container.compact{width:210px;height:270px}.card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.card-flip-container.flipped .card-flip-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;will-change:transform;width:100%;height:100%;position:absolute}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.card-back-settings{flex-direction:column;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;display:flex}.card-back-heading{color:#333;margin-bottom:4px;font-size:1rem;font-weight:700}.card-back-toggle-row{cursor:pointer;background:#ffffff80;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.card-back-toggle-label{color:#333;flex:1;font-size:.75rem;line-height:1.3}.toggle-switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;position:relative}.toggle-slider{background-color:#999;border-radius:11px;transition:background-color .2s;position:absolute;inset:0}.toggle-slider:after{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:2px;left:2px}.toggle-slider.toggle-on{background-color:#4caf50}.toggle-slider.toggle-on:after{transform:translate(18px)}.card-back-hint{text-align:center;color:#888;font-size:.6rem;font-style:italic;position:absolute;bottom:24px;left:0;right:0}.card-back-flip-back{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;display:block}.card-back-flip-back:hover,.card-back-flip-back:focus-visible{color:var(--color-text)}.card-flip-container .tm-card{transition:none!important}.card-front.tm-card:hover{transform:rotateY(0);box-shadow:0 0 2px 1px #000}.card-back.tm-card:hover{transform:rotateY(180deg);box-shadow:0 0 2px 1px #000}.card-flip-container:not(.flipped) .card-back,.card-flip-container.flipped .card-front{pointer-events:none}.card-flip-container:not(.flipped):hover{margin-top:-4px;transition:margin-top .15s}.tm-card.compact{width:210px;height:270px;padding:8px}.tm-card.compact .card-name{font-size:.7rem}.tm-card.compact .tag-icon{width:42px;height:42px}.tm-card.compact .card-cost-container{width:42px;height:42px;top:-15px;left:6px}.tm-card.compact .cost-icon{width:42px;height:42px}.tm-card.compact .card-cost-value{font-size:1.3rem;line-height:40px}.tm-card.compact .vp-value{font-size:1rem}.tm-card.compact .card-id-box{padding:1px 4px;font-size:.5rem}.card-resource-counters{gap:4px;display:flex;position:absolute;bottom:6px;left:6px}.counter-badge{background:linear-gradient(#4a5568,#2d3748);border:1px solid #fff3;border-radius:4px;align-items:center;gap:2px;padding:2px 5px;display:flex;box-shadow:0 1px 2px #0006}.counter-badge-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #00000080);width:14px;height:14px}.counter-badge-count{color:var(--color-white);text-shadow:0 1px 1px #000c;text-align:center;min-width:12px;font-size:.75rem;font-weight:700}.card-resource-gains{border-radius:var(--radius-sm);background:#0003;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:5px 10px;display:flex}.resource-gain-item{align-items:center;gap:3px;display:flex}.resource-gain-amount{color:var(--color-white);text-shadow:0 1px 2px #000c;font-size:.9rem;font-weight:700}.card-terraforming-effects{border-radius:var(--radius-sm);background:#0003;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:5px 10px;display:flex}.terraforming-item{align-items:center;gap:3px;display:flex}.terraforming-icon{object-fit:contain;width:24px;height:24px}.terraforming-count{color:var(--color-white);text-shadow:0 1px 2px #000c;font-size:.9rem;font-weight:700}.terraforming-icon-wrapper{display:inline-block;position:relative}.terraforming-icon-wrapper.maxed{opacity:.5}.maxed-overlay{color:#f44;text-shadow:0 0 2px #000c;pointer-events:none;font-size:1.2em;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.maxed-param-warnings{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.maxed-param-warning{color:var(--color-warning);margin:var(--spacing-xs)0;font-size:.85rem}.resource-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px #0000004d);width:20px;height:20px}.resource-icon-small{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);width:14px;height:14px}