.api-key-container{width:100%;background:#1a1816cc;border:1px solid #3D3835;border-radius:4px;padding:16px}.api-key-container h3{font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;color:var(--color-serene-gold);margin:0 0 8px}.api-key-container .text-muted{font-size:.85rem;color:#8b8680;margin:0 0 16px}.api-key-container .btn-primary{background:#a855f7;border:none;color:#1a1816;padding:10px 16px;font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.api-key-container .btn-primary:hover:not(:disabled){background:#c084fc}.api-key-container .btn-primary:disabled{opacity:.5;cursor:not-allowed}.status-msg{font-size:.85rem;padding:8px 12px;border-radius:4px;margin-top:4px}.api-key-container.verified{display:none}.user-profile.card{background:#0f0f14f2;border:1px solid var(--color-serene-gold);border-radius:4px;padding:1.5rem;color:var(--color-text-main);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;min-width:280px}.profile-header{border-bottom:1px solid rgba(201,162,39,.3);padding-bottom:1rem;margin-bottom:1rem;text-align:center}.user-profile h3{margin:0;font-size:1.4rem;color:var(--color-serene-gold);text-shadow:0 0 10px rgba(201,162,39,.2);font-weight:600}.account-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat .label{font-size:.75rem;color:var(--color-aged-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat .value{font-size:1.2rem;font-weight:700;color:var(--color-text-highlight)}.progress-section{display:flex;flex-direction:column;gap:.75rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-title{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.sync-btn{background:transparent;border:1px solid var(--color-serene-gold);color:var(--color-serene-gold);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:1rem}.sync-btn:hover:not(:disabled){background:#c9a2271a;box-shadow:0 0 8px #c9a2274d}.sync-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}.progress-stats{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-main);margin-bottom:.25rem}.owned-count{font-weight:600}.owned-percent{color:var(--color-legendary);font-weight:700}.progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-legendary) 0%,var(--color-legendary-light) 100%);border-radius:3px;transition:width .5s ease-out}.progress-by-type{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.type-progress{display:flex;justify-content:space-between;font-size:.8rem}.type-name{color:var(--color-text-muted);text-transform:capitalize}.type-count{color:var(--color-text-main)}.sync-info{margin-top:1rem;text-align:center;font-size:.7rem;color:var(--color-text-muted);font-style:italic}.no-api-card{text-align:left;display:flex;flex-direction:column;justify-content:center}.api-instructions h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-aged-gold);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(201,162,39,.2);padding-bottom:.5rem}.api-instructions p{font-size:.85rem;color:var(--color-text-muted);margin:0 0 1rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.permission-tag{background:#9031df26;border:1px solid var(--color-legendary-dark);color:var(--color-legendary-light);padding:2px 8px;border-radius:3px;font-size:.75rem;font-family:monospace}.create-key-link{display:block;color:var(--color-legendary-light);font-size:.9rem;text-decoration:none;font-weight:500;transition:color .2s ease;margin-top:.5rem}.create-key-link:hover{color:var(--color-legendary);text-decoration:underline}.filter-bar{display:flex;flex-direction:column;gap:12px;padding:16px;background:#1a1816cc;border:1px solid #3D3835;border-radius:4px;margin-bottom:16px}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-family:var(--font-heading);font-size:.8rem;color:#8b8680;text-transform:uppercase}.filter-buttons{display:flex;gap:4px}.filter-btn{background:#252220;border:1px solid #3D3835;color:#8b8680;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#3d3835;color:#e8e4dc}.filter-btn.active{background:#a855f726;color:#e8e4dc;border-color:#a855f7;box-shadow:0 0 8px #a855f740}.filter-select{background:#252220;border:1px solid #3D3835;color:#e8e4dc;padding:6px 12px;font-size:.8rem}.search-group{flex:1;min-width:200px}.filter-search{width:100%;background:#252220;border:1px solid #3D3835;color:#e8e4dc;padding:8px 12px;font-size:.9rem}.filter-search:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f726}.legendary-grid-card{background:#1a1816cc;border:1px solid #3D3835;border-radius:4px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;transition:border-color .2s,background .2s,box-shadow .2s;text-decoration:none;color:inherit}.legendary-grid-card:hover{border-color:var(--color-legendary);background:rgba(var(--color-legendary-rgb),.05);box-shadow:0 4px 16px rgba(var(--color-legendary-rgb),.15)}.legendary-grid-card.owned{border-color:#4caf50;background:#4caf5014}.legendary-grid-card.owned:hover{background:#4caf5026}.legendary-grid-card.favorited{border-color:#ff6b6b}.card-icon-wrapper{position:relative;width:64px;height:64px}.card-icon{width:64px;height:64px;border:2px solid #000;border-radius:4px}.card-icon-placeholder{width:64px;height:64px;background:#333;display:flex;align-items:center;justify-content:center;font-size:24px;color:#666;border-radius:4px}.owned-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;border:2px solid #1a1510}.card-info{text-align:center;width:100%}.card-name{font-family:var(--font-heading);font-size:.85rem;color:var(--color-legendary-light);margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.card-subtype{font-size:.65rem;color:#8b8680}.card-meta{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px}.gen-badge,.source-badge,.card-subtype{font-size:.65rem;padding:3px 8px;border-radius:10px;text-transform:uppercase;font-weight:500;letter-spacing:.3px;line-height:1}.gen-badge{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.source-badge{background:#8b86801a;color:#a09a94;border:1px solid rgba(139,134,128,.2)}.favorite-btn{position:absolute;top:6px;right:6px;background:#00000080;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;cursor:pointer;color:#666;transition:color .2s,transform .2s,background .2s;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{transform:scale(1.1);background:#000000b3}.favorite-btn.active{color:#ff6b6b;background:#ff6b6b33}.legendary-grid-card.skeleton{pointer-events:none;animation:pulse 1.5s ease-in-out infinite}.skeleton-icon{width:64px;height:64px;background:#3d3835;border-radius:4px}.skeleton-text{width:80%;height:14px;background:#3d3835;border-radius:2px;margin-top:8px}.skeleton-text.short{width:50%;height:10px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.legendary-grid-container{width:100%}.grid-stats{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#1a181699;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);margin-bottom:24px;backdrop-filter:blur(4px);box-shadow:0 4px 6px #0003}.stat-text{font-size:.85rem;color:var(--color-serene-gold);white-space:nowrap}.stat-bar{flex:1;height:8px;background:#252220;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(to right,#a855f7,#c084fc);border-radius:4px;transition:width .5s ease}.legendary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.loading-state,.empty-state{text-align:center;padding:48px;color:#8b8680}.empty-state p{margin-bottom:16px}@media(min-width:768px){.legendary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-modal{background:#1a1816;border:1px solid #3D3835;border-radius:8px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #3D3835}.settings-header h3{margin:0;font-family:var(--font-heading);font-size:1.1rem;text-transform:uppercase;color:var(--color-serene-gold)}.close-btn{background:none;border:none;color:#8b8680;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:#e8e4dc}.settings-content{padding:20px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h4{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;color:#e8e4dc;margin:0 0 8px}.settings-desc{font-size:.85rem;color:#8b8680;margin:0 0 12px;line-height:1.5}.settings-desc code{background:#252220;padding:2px 6px;border-radius:3px;font-size:.8rem;color:#a855f7}.api-form{display:flex;flex-direction:column;gap:12px}.api-input{background:#252220;border:1px solid #3D3835;color:#e8e4dc;padding:10px 12px;font-family:monospace;font-size:.85rem;border-radius:4px;transition:border-color .2s}.api-input:focus{outline:none;border-color:#a855f7}.api-input::placeholder{color:#5a5550}.button-row{display:flex;gap:8px}.btn-primary{flex:1;background:#a855f7;border:none;color:#1a1816;padding:10px 16px;font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#c084fc}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid #3D3835;color:#8b8680;padding:10px 16px;font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#e57373;color:#e57373}.status-msg{font-size:.85rem;padding:8px 12px;border-radius:4px;margin-top:8px}.status-msg.success{background:#4caf5026;color:#81c784}.status-msg.error{background:#e5737326;color:#e57373}.external-link{display:inline-block;font-size:.85rem;color:#a855f7;text-decoration:none;transition:color .2s}.external-link:hover{color:#c084fc;text-decoration:underline}.tracker-container{padding-top:var(--spacing-md)}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.tracker-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin:0;color:var(--color-serene-white);text-shadow:0 0 15px rgba(168,85,247,.5);text-transform:uppercase;letter-spacing:1px}.settings-cog{background:#0000004d;border:1px solid rgba(168,85,247,.3);color:var(--color-text-muted);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-cog:hover{border-color:var(--color-legendary);color:var(--color-legendary-light);background:#a855f733;box-shadow:0 0 10px #a855f733}.settings-cog svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.settings-cog:hover svg{transform:rotate(90deg)}.tracker-app-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);position:relative;z-index:1}@media(min-width:900px){.tracker-app-grid{grid-template-columns:350px 1fr;align-items:start}}.tracker-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.tracker-main{min-height:500px}.btn-painterly{background:linear-gradient(to right,var(--color-legendary-dark),var(--color-legendary));border:1px solid var(--color-legendary);color:var(--color-serene-white);padding:.75rem 1.5rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 0 15px #a855f74d;transition:all .3s ease;text-align:center;border-radius:var(--radius-sm)}.btn-painterly:hover{transform:translateY(-2px);box-shadow:0 0 25px #a855f799;filter:brightness(1.2);border-color:var(--color-legendary-light);color:#fff}.btn-painterly:active{transform:translateY(1px)}.full-width{width:100%}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.project-list{list-style:none;padding:0}.project-item{display:flex;align-items:center;gap:var(--spacing-md);background:#0000004d;padding:var(--spacing-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-sm);transition:all .2s}.project-item:hover{background:#ffffff0d;border-color:var(--color-accent)}.project-info{display:flex;flex-direction:column}.project-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text-main)}.status-planned{color:var(--color-text-muted);font-size:.9rem;text-transform:uppercase}.selected-project-preview{background:#0006;padding:var(--spacing-md);border:1px solid var(--color-accent)}.preview-header{display:flex;align-items:center;gap:var(--spacing-md)}.large-icon{width:64px;height:64px;border:2px solid var(--color-accent)}.tracker-container[data-astro-cid-5ccq4fo7]{position:relative;min-height:80vh}