.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:var(--color-action);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:var(--color-action-hover)}.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}.privacy-notice-compact{font-size:.8rem;color:var(--color-text-muted);background:#a855f70d;padding:10px;border-radius:4px;margin-bottom:12px;border-left:2px solid var(--color-legendary-dark)}.required-permissions-minimal{margin-bottom:16px}.required-permissions-minimal p{font-size:.8rem;color:var(--color-serene-gold);margin:0 0 6px;font-weight:600}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-tags span{background:#a855f71a;border:1px solid var(--color-legendary-dark);color:var(--color-legendary-light);padding:2px 6px;border-radius:3px;font-size:.7rem}.create-key-link-minimal{display:inline-block;margin-top:12px;font-size:.8rem;color:var(--color-legendary-light);text-decoration:none;font-weight:600}.create-key-link-minimal:hover{text-decoration:underline;color:var(--color-serene-gold)}.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 16px 42px #00000057;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;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.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-spinner svg{width:14px;height:14px}.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-serene-gold);font-weight:700}.progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#c9a227f2,#f4dda6);border-radius:999px;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-spinner{display:inline-flex;align-items:center;justify-content:center;animation:rotate 2s linear infinite!important;color:var(--color-serene-gold)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.syncing-card{display:flex;align-items:center;justify-content:center;min-height:200px}.sync-loader{color:var(--color-serene-gold);font-family:Inter,sans-serif;letter-spacing:1px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.custom-dropdown{position:relative;min-width:0}.custom-dropdown-trigger{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(97,82,70,.74);border-radius:10px;background:#1f1c19e0;color:#efe7dc;cursor:pointer}.custom-dropdown:hover .custom-dropdown-trigger,.custom-dropdown.open .custom-dropdown-trigger{border-color:#a855f7eb;box-shadow:0 0 0 1px #a855f72e}.custom-dropdown.disabled .custom-dropdown-trigger{opacity:.5;cursor:not-allowed}.custom-dropdown-kicker{flex:0 0 auto;font-family:var(--font-heading);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:#bcae9d;line-height:1;white-space:nowrap}.custom-dropdown-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.95rem;color:#efe7dc}.custom-dropdown-arrow{flex:0 0 auto;color:#9d9185;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.custom-dropdown-arrow svg,.custom-dropdown-check svg{width:100%;height:100%;display:block}.custom-dropdown.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 2px);left:0;z-index:50;min-width:100%;padding:6px;border:1px solid rgba(104,84,120,.52);border-radius:12px;background:linear-gradient(180deg,#1f1c1afa,#161412fa),radial-gradient(circle at top left,rgba(168,85,247,.08),transparent 45%);box-shadow:0 14px 30px #0000006b}.custom-dropdown-option{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#e9e1d5;text-align:left;cursor:pointer}.custom-dropdown-option:hover{background:#a855f724;color:#fff}.custom-dropdown-option.selected{background:#a855f72e;color:#fff}.custom-dropdown-option:disabled{opacity:.45;cursor:not-allowed}.custom-dropdown-check{color:#c084fc;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.custom-dropdown.compact .custom-dropdown-trigger{min-height:32px;padding:5px 10px;border-radius:8px}.custom-dropdown.compact .custom-dropdown-value{font-size:.84rem}.armory-filter-panel{display:grid;gap:10px;padding:14px 16px;margin-bottom:12px;border:1px solid rgba(89,73,100,.38);border-radius:14px;background:linear-gradient(180deg,#1f1c1af5,#181614f5),radial-gradient(circle at top left,rgba(168,85,247,.08),transparent 40%);box-shadow:inset 0 1px #ffffff08}.armory-filter-primary,.armory-filter-secondary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.armory-filter-secondary{padding-top:4px}.armory-filter-search-row{padding-top:2px;border-top:1px solid rgba(90,77,103,.28)}.armory-tab-cluster{display:flex;align-items:center;gap:12px;flex:1 1 420px;min-width:0}.armory-cluster-title,.armory-inline-kicker{flex:0 0 auto;font-family:var(--font-heading);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:#bcae9d;line-height:1;white-space:nowrap}.armory-tab-rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.armory-tab{min-height:34px;padding:6px 12px;border:1px solid rgba(98,82,70,.72);border-radius:9px;background:#27231fc7;color:#e6ddd0;font-size:.83rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.armory-tab:hover{border-color:#a855f7a3;background:#382d43b8;color:#f5efe7}.armory-tab.active{border-color:#a855f7eb;background:linear-gradient(135deg,#783dbeeb,#974edce6);color:#fff;box-shadow:0 0 0 1px #a855f72e}.armory-search-shell{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 12px;border:1px solid rgba(97,82,70,.74);border-radius:10px;background:#1f1c19e0}.armory-search-shell:focus-within{border-color:#a855f7f0;box-shadow:0 0 0 1px #a855f738}.armory-search-icon{font-size:18px;color:#94887b}.armory-search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#efe7dc;font-size:.96rem;font-family:var(--font-body)}.armory-search-input::placeholder{color:#94887b}.armory-inline-select{min-width:190px}.armory-inline-select--facet{flex:0 0 220px}.armory-dropdown-trigger{min-width:190px}.armory-dropdown-menu{min-width:max(100%,220px)}@media(max-width:1160px){.armory-filter-primary{align-items:flex-start}}@media(max-width:860px){.armory-inline-select,.armory-tab-cluster{width:100%}.armory-filter-primary,.armory-filter-secondary,.armory-inline-select,.armory-tab-cluster{align-items:flex-start;flex-direction:column;gap:6px}.armory-search-shell,.armory-inline-select,.armory-inline-select--facet,.armory-dropdown-trigger{width:100%;min-width:0}}.legendary-grid-card{background:linear-gradient(180deg,#1c1a18e6,#141210e6);border:none;border-radius:var(--radius-md);padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;position:relative;text-decoration:none;color:inherit;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.legendary-grid-card:hover{background:linear-gradient(180deg,#221f1df0,#181614f0);box-shadow:inset 0 0 0 1px #a855f738,0 0 0 1px #a855f714}.legendary-grid-card.owned{background:linear-gradient(180deg,#18221ae6,#121a14e6)}.legendary-grid-card.favorited{box-shadow:inset 0 0 0 1px #f8717124}.wip-stripe{position:absolute;left:8px;top:8px;width:auto;text-align:left;padding:3px 8px;font-size:.54rem;letter-spacing:.06em;font-weight:700;color:#fee2e2;background:#b91c1cc7;border:1px solid rgba(254,202,202,.28);border-radius:4px;pointer-events:none;z-index:5;text-transform:uppercase;line-height:1}.card-icon-wrapper{width:76px;height:76px;margin-top:6px;padding:1px;background:#000;border:2px solid #8B5CF6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon{width:72px;height:72px;border-radius:0}.card-icon-placeholder{width:72px;height:72px;border-radius:0;background:#252220e6;color:#8b8680;display:flex;align-items:center;justify-content:center;font-size:22px}.card-info{width:100%;text-align:center;display:flex;flex-direction:column;flex:1}.card-name{margin:0;color:var(--color-serene-white);font-family:var(--font-heading);font-size:.95rem;letter-spacing:.03em;line-height:1.22;text-transform:uppercase;min-height:2.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-status-row{margin-top:4px;display:flex;justify-content:center;width:100%}.card-bottom{margin-top:auto}.progress-block{width:min(150px,100%);display:flex;flex-direction:column;gap:4px}.progress-header-inline{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}.progress-label-inline{color:#a09a94;font-weight:600}.progress-value-inline{color:#93c5fd;font-weight:700}.progress-track-inline{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.progress-fill-inline{height:100%;background:linear-gradient(90deg,#60a5fae6,#a855f7e6);border-radius:2px}.legendary-grid-card.owned .progress-value-inline{color:#86efac}.legendary-grid-card.owned .progress-fill-inline{background:linear-gradient(90deg,#4ade80e6,#22c55ee6)}.card-meta-line{margin-top:4px;font-size:.74rem;color:#a09a94;letter-spacing:.02em;text-transform:uppercase;line-height:1.25;min-height:2.3em;max-height:2.3em;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateY(-2px)}.favorite-btn{position:absolute;top:7px;right:7px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(61,56,53,.85);background:#0a0a0cc7;color:#9ca3af;display:flex;align-items:center;justify-content:center;z-index:6;cursor:pointer}.favorite-btn:hover{border-color:#f8717173;color:#fca5a5}.favorite-btn.active{border-color:#f871718c;color:#f87171;background:#7f1d1d6b}.favorite-btn .material-icons-outlined{font-size:16px;line-height:1}.legendary-grid-card.skeleton{pointer-events:none}.skeleton-wip-stripe{position:absolute;left:8px;top:8px;width:110px;height:18px;border-radius:4px;background:#3a1f1f;border:1px solid rgba(254,202,202,.15)}.skeleton-favorite{position:absolute;top:7px;right:7px;width:27px;height:27px;border-radius:50%;background:#23201e;border:1px solid rgba(61,56,53,.85)}.skeleton-icon{width:72px;height:72px;background:#322e2b;border-radius:0}.skeleton-text{width:100%;height:12px;border-radius:var(--radius-sm);background:#332f2b}.skeleton-name{width:78%;height:30px;margin:0 auto}.skeleton-meta{width:66%;height:26px;margin:4px auto 0}.skeleton-progress-head{width:100%;height:10px;border-radius:var(--radius-sm);background:#332f2b}.skeleton-progress-fill{width:38%;height:100%;background:linear-gradient(90deg,#60a5fa8c,#a855f78c);border-radius:2px}.armor-set-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s;position:relative}.armor-set-card:hover{border-color:var(--color-legendary-dark)}.armor-set-card.expanded{border-color:var(--color-legendary)}.set-wip-stripe{position:absolute;left:0;top:0;width:100%;text-align:center;padding:5px 0;font-size:.66rem;letter-spacing:.08em;font-weight:800;color:#fee2e2;background:#b91c1ce6;border-top:1px solid rgba(254,202,202,.45);border-bottom:1px solid rgba(254,202,202,.45);pointer-events:none;z-index:3;text-transform:uppercase;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.set-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;cursor:pointer;transition:background .2s}.set-header:hover{background:#a855f70d}.set-icon{width:64px;height:64px;background:#a855f71a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.set-icon img{width:48px;height:48px}.set-info{flex:1;min-width:0}.set-name{margin:0 0 .25rem;font-size:1.3rem;color:var(--color-serene-white);cursor:pointer;transition:color .2s}.set-name:hover{color:var(--color-legendary-light)}.set-description{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9rem}.set-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--color-legendary-dark),var(--color-legendary));transition:width .3s ease}.progress-text{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.weight-progress{display:flex;gap:.5rem;margin-top:.75rem}.weight-pill{display:flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;border:1px solid}.weight-pill.light{background:#c8b4a026;border-color:#c8b4a04d;color:#d4c4a8}.weight-pill.medium{background:#a08c6426;border-color:#a08c644d;color:#b8a86c}.weight-pill.heavy{background:#8c8c8c26;border-color:#8c8c8c4d;color:#a8a8a8}.weight-name{font-weight:700}.weight-count{opacity:.8}.set-expand{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-sm);font-size:1.5rem;color:var(--color-text-muted);transition:all .2s}.set-header:hover .set-expand{background:var(--color-legendary);color:var(--color-serene-white)}.set-details{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem}.set-tiers{margin-bottom:1.5rem}.set-tiers h4{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.tiers-list{display:flex;flex-direction:column;gap:.75rem}.tier-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.tier-num{width:24px;height:24px;background:var(--color-legendary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-serene-white);flex-shrink:0}.tier-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.tier-name{font-weight:600;color:var(--color-serene-white);font-size:.95rem}.tier-req{font-size:.8rem;color:var(--color-legendary-light)}.tier-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.weight-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.weight-tab{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.weight-tab:hover{border-color:#ffffff4d;color:var(--color-serene-white)}.weight-tab.active{border-color:var(--color-legendary);color:var(--color-legendary);background:#a855f71a}.slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.slot-group{background:#0003;border-radius:var(--radius-sm);padding:1rem}.slot-name{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.slot-items{display:flex;flex-wrap:wrap;gap:.5rem}.slot-item{width:64px;height:64px;background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.slot-item:hover{border-color:var(--color-legendary);transform:translateY(-2px)}.slot-item.owned{border-color:var(--color-legendary)}.slot-item img{width:52px;height:52px}.owned-indicator{position:absolute;bottom:-6px;right:-6px;width:20px;height:20px;background:var(--color-legendary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-serene-white)}.tier-badge{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-serene-white);border:1px solid rgba(255,255,255,.3)}.tier-badge.tier-1{background:linear-gradient(135deg,#8b7355,#a0856a)}.tier-badge.tier-2{background:linear-gradient(135deg,#4a5568,#718096)}.tier-badge.tier-3{background:linear-gradient(135deg,var(--color-legendary-dark),var(--color-legendary))}@media(max-width:768px){.set-header{padding:1rem;gap:1rem}.set-icon{width:48px;height:48px}.set-icon img{width:36px;height:36px}.set-name{font-size:1.1rem}.set-description{display:none}.slots-grid{grid-template-columns:1fr}.tiers-list{flex-direction:column}}.legendary-grid-container{width:100%;position:relative;overflow:visible}.grid-header-actions{margin-bottom:24px}.back-btn{background:#28282dcc;border:1px solid #444;color:#e0e0e0;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.back-btn:hover{background:#323237;border-color:#666;color:#fff}.grid-stats{display:flex;align-items:center;gap:16px;position:relative;z-index:20;padding:0;margin:2px 0 20px;background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none}.grid-stats-summary{display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:0 10px 0 0}.stat-text{font-size:.82rem;font-family:var(--font-body);color:var(--color-serene-gold);white-space:nowrap;text-transform:lowercase;letter-spacing:.01em}.grid-stats-sort{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:.74rem;white-space:nowrap}.grid-stats-sort span{text-transform:lowercase;letter-spacing:.02em;color:#b8aa98}.grid-stats-dropdown{min-width:170px;position:relative;z-index:30}.grid-stats-dropdown-trigger{min-width:170px;background:#25222047;border-color:#5a4c4247}.grid-stats-dropdown .custom-dropdown-value{font-size:.84rem;text-transform:lowercase;letter-spacing:.01em}.grid-stats-dropdown-menu{right:0;left:auto;min-width:220px}.stat-bar{flex:1;height:6px;background:#25222057;border-radius:999px;overflow:hidden;margin-top:0}.stat-bar-fill{height:100%;background:linear-gradient(to right,#c9a227f2,#d4c4a8c7);border-radius:999px;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))}}@media(max-width:880px){.grid-stats{align-items:flex-start;flex-direction:column}.grid-stats-summary{width:100%;justify-content:space-between;flex-wrap:wrap}.stat-bar,.grid-stats-dropdown,.grid-stats-dropdown-trigger{width:100%}}.grid-controls-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.sort-control{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:transparent;border-radius:0}.sort-control span{color:var(--color-text-muted);font-size:.85rem}.sort-control select{background:#252220c7;color:var(--color-serene-white);border:1px solid rgba(61,56,53,.75);border-radius:4px;padding:.35rem .55rem;font-size:.85rem}.sort-note{margin:0 0 .75rem;color:#9ca3af;font-size:.78rem}.view-mode-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000004d;border-radius:var(--radius-sm);width:fit-content}.view-mode-toggle span{color:var(--color-text-muted);font-size:.85rem;margin-right:.5rem}.view-mode-toggle button{padding:.4rem .8rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.view-mode-toggle button:hover{color:var(--color-serene-white)}.view-mode-toggle button.active{background:var(--color-legendary-dark);border-color:var(--color-legendary);color:var(--color-serene-white)}.armor-sets-grid{display:flex;flex-direction:column;gap:1rem}.weapon-sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.armory-help-panel{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(168,85,247,.38);border-radius:10px;background:linear-gradient(160deg,#18141eeb,#0f0d10eb);box-shadow:0 10px 24px #00000059}.armory-help-panel h4{margin:0 0 8px;font-size:.76rem;color:#e8e4dc;letter-spacing:.06em;text-transform:uppercase}.armory-help-callout{margin:0 0 10px;padding:8px 10px;border:1px solid rgba(96,165,250,.35);background:#60a5fa14;border-radius:6px;color:#bfdbfe;font-size:.76rem;line-height:1.4}.armory-help-panel ul{margin:0;padding-left:1rem;display:grid;gap:.4rem}.armory-help-panel li{font-size:.78rem;line-height:1.45;color:#d1d5db}.armory-help-panel-side{position:absolute;top:0;right:0;margin:0;width:min(380px,42vw);z-index:20}@media(max-width:1100px){.armory-help-panel-side{position:static;width:100%;margin:0 0 14px}}.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:var(--color-action)}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.permission-tag{background:#9031df26;border:1px solid #7E22CE;color:#d8b4fe;padding:2px 8px;border-radius:3px;font-size:.75rem;font-family:monospace}.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:var(--color-action)}.api-input::placeholder{color:#5a5550}.button-row{display:flex;gap:8px}.btn-primary{flex:1;background:var(--color-action);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:var(--color-action-hover)}.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:var(--color-action);text-decoration:none;transition:color .2s}.external-link:hover{color:var(--color-action-hover);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-brand{display:grid;gap:0}.header-controls-stack{display:grid;justify-items:end;gap:8px}.header-controls{display:inline-flex;align-items:center;gap:10px}.tracker-title{font-family:var(--font-heading);font-size:2.75rem;font-weight:700;margin:0;color:var(--color-serene-gold);text-shadow:0 0 16px rgba(201,162,39,.2),0 0 34px rgba(201,162,39,.08);text-transform:uppercase;letter-spacing:.06em}.header-refresh-toggle,.header-help-toggle,.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!important}.header-refresh-toggle:hover:not(:disabled),.header-help-toggle:hover,.header-help-toggle.active,.settings-cog:hover{border-color:var(--color-legendary);color:var(--color-legendary-light);background:#a855f733;box-shadow:0 0 10px #a855f733}.header-refresh-toggle:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.header-refresh-toggle svg,.header-help-toggle svg,.settings-cog svg{width:18px;height:18px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)!important}.header-refresh-toggle.syncing svg{animation:rotate 1.3s linear infinite!important}.settings-cog:hover svg{transform:rotate(90deg)}.header-help-toggle{font-size:1rem;font-weight:700;line-height:1}.header-sync-status{color:#8f877b;font-size:.74rem;letter-spacing:.03em;text-transform:lowercase}.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}}@media(max-width:720px){.tracker-header{align-items:flex-start;flex-direction:column;gap:12px}.header-controls-stack{justify-items:start}.tracker-title{font-size:2.3rem}}.tracker-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.tracker-main{min-height:500px}