.fattydex-section{background:var(--surface);padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px}.fattydex-section h2{color:var(--brand-text);margin-bottom:10px;text-align:center;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.fattydex-description{text-align:center;color:var(--text-muted);font-style:italic;margin-bottom:25px;font-size:1.1rem}.fattydex-options{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:var(--surface-2);border-radius:8px;flex-wrap:wrap;justify-content:center}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label,.fattydex-options .group-toggle>span{font-weight:bold;color:var(--brand-text);white-space:nowrap}#fattydex-rarity-filter,#fattydex-owned-filter{padding:8px 12px;border:2px solid var(--border);border-radius:4px;font-size:1rem;background-color:var(--surface);cursor:pointer}#fattydex-rarity-filter:focus,#fattydex-owned-filter:focus{outline:none;border-color:#1a2a6c}.fattydex-stats{display:flex;gap:30px;margin-bottom:25px;padding:20px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;justify-content:center;flex-wrap:wrap}.fattydex-stats .stat-item{display:flex;align-items:center;gap:8px;font-size:1.1rem}.fattydex-stats .stat-label{font-weight:bold;opacity:0.9}#cards-discovered,#total-cards,#completion-percentage{font-weight:bold;font-size:1.2rem;color:var(--gold);text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.fattydex-card{position:relative}.fattydex-card.unknown{opacity:0.4;filter:grayscale(100%) brightness(0.3);cursor:default}.fattydex-card.unknown:hover{transform:none;opacity:0.5}.fattydex-card.unknown .card-img{background:var(--surface-3)}.fattydex-card.unknown .card-info{color:var(--text-soft)}.fattydex-card.unknown .card-name,.fattydex-card.unknown .card-artist{color:var(--text-soft);text-shadow:none}.fattydex-card.unknown .card-id{background-color:var(--surface-2);color:var(--text-soft);border-color:var(--border)}.fattydex-card.unknown .card-rarity{background-color:#666!important;color:#ccc}.fattydex-card.unknown::before{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:bold;color:rgba(255,255,255,0.8);text-shadow:2px 2px 4px rgba(0,0,0,0.8);z-index:10;pointer-events:none}.discovery-badge{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#4CAF50,#8BC34A);color:white;padding:4px 8px;border-radius:12px;font-size:0.8rem;font-weight:bold;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.discovery-badge.new{background:#f57c00}.fattydex-loading{text-align:center;padding:40px;color:var(--brand-text);font-size:1.2rem}.fattydex-loading::before{content:"";display:inline-block;width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #1a2a6c;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}@media (max-width: 768px){.fattydex-options{flex-direction:column;align-items:center;gap:15px}.filter-group{flex-direction:column;text-align:center;gap:8px}.fattydex-stats{flex-direction:column;text-align:center;gap:15px}.fattydex-stats .stat-item{justify-content:center}.fattydex-card.unknown::before{font-size:2.5rem}}@media (max-width: 480px){.fattydex-section{padding:15px}.fattydex-section h2{font-size:1.5rem}.fattydex-description{font-size:1rem}.fattydex-stats{padding:15px}.fattydex-stats .stat-item{font-size:1rem}.fattydex-card.unknown::before{font-size:2rem}.discovery-badge{font-size:0.7rem;padding:3px 6px}}.card.cd .ec-badge{position:absolute;top:4.4cqw;right:4.4cqw;z-index:9;width:17cqw;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;pointer-events:auto;transform:translateZ(1px);background:conic-gradient(from 210deg,#f4f6f8,#9aa1a9 18%,#eef1f4 32%,#7d848c 48%,#dfe3e7 62%,#a7aeb6 78%,#f7f9fa 90%,#f4f6f8);box-shadow:inset 0 0 0 0.7cqw rgba(255,255,255,0.85),inset 0 0 0 1.3cqw #8b929a,inset 0 -1.2cqw 2cqw rgba(0,0,0,0.25),0 1cqw 2.4cqw rgba(0,0,0,0.45)}.card.cd .ec-badge>span{position:relative;z-index:1;font-family:"Lilita One","Segoe UI",sans-serif;font-size:7cqw;line-height:1;letter-spacing:0.2cqw;color:#4a5058;text-shadow:0 0.35cqw 0 rgba(255,255,255,0.9),0 -0.25cqw 0 rgba(0,0,0,0.35)}.card.cd .ec-badge::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,0.85) 50%,transparent 58%);transform:translateX(-70%);animation:ec-badge-sheen 4.5s ease-in-out infinite}@keyframes ec-badge-sheen{0%,60%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}@media (prefers-reduced-motion: reduce){.card.cd .ec-badge::after{animation:none;opacity:0}}.show-tcg .card.cd-tcg .ec-badge{top:17.6cqw;right:5.6cqw}