.needed-items-page{max-width:none}.needed-items-loading{padding:40px 0}.loading-skeleton{flex-direction:column;gap:24px;display:flex}.skeleton-search{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-md);background-size:200% 100%;max-width:400px;height:48px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-categories{flex-direction:column;gap:12px;display:flex}.skeleton-category{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-md);background-size:200% 100%;height:60px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.needed-items-error{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.error-icon{margin-bottom:16px;font-size:48px}.error-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.error-message{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:14px}.retry-btn{background:var(--color-primary);color:#000;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 24px;font-size:14px;font-weight:600}.retry-btn:hover{background:var(--color-primary-dim);transform:translateY(-1px)}.needed-items-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.fallback-badge{border:1px solid var(--color-accent-orange);border-radius:var(--radius-md);background:#ff98001a;align-items:center;gap:6px;padding:8px 14px;display:flex}.fallback-icon{font-size:14px}.fallback-text{color:var(--color-accent-orange);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.tabs-container{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:8px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.tab-button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:10px 18px;display:flex}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button--active{background:var(--bg-tertiary);color:var(--color-accent-orange)}.tab-button--active .tab-icon{color:var(--color-accent-orange)}.tab-icon{justify-content:center;align-items:center;display:flex}.tab-label{font-size:14px;font-weight:500}.search-container{margin-bottom:24px}.search-input-wrapper{max-width:400px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 40px 12px 44px;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--color-primary);background:var(--bg-tertiary);outline:none}.search-clear{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.section-title{color:var(--color-accent-orange);text-align:left;margin-bottom:16px;font-size:16px;font-weight:600}.categories-list{flex-direction:column;gap:24px;display:flex}.category-section{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden;box-shadow:0 2px 8px #0003}.category-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.category-header{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;border:none;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:20px 24px;display:flex}.category-header:hover{background:linear-gradient(135deg,var(--bg-hover)0%,var(--bg-secondary)100%);border-bottom-color:var(--border-hover)}.category-header--expanded{border-bottom-color:var(--border-default)}.category-name{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.category-name:before{content:"";background:currentColor;border-radius:2px;width:4px;height:20px;display:block}.category-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-default);padding:4px 10px;font-size:13px;font-weight:500}.departure-countdown{border-radius:var(--radius-md);background:linear-gradient(135deg,#00ff8814 0%,#00c8640a 100%);border:1px solid #0f83;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;display:flex}.departure-countdown-icon{color:#0f8;opacity:.8;flex-shrink:0}.departure-countdown-label{color:var(--text-secondary);font-size:13px;font-weight:500}.departure-countdown-time{color:#0f8;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:14px;font-weight:700}.category-chevron{color:var(--text-muted);transition:transform var(--transition-fast);margin-left:auto}.category-header--expanded .category-chevron{color:var(--text-primary);transform:rotate(180deg)}.category-items{background:linear-gradient(#0000001a 0%,#0000 100%);padding:24px}.no-items{text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-default);padding:32px;font-size:14px}.project-section{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);margin-bottom:12px;overflow:hidden}.project-section:first-child{margin-top:0}.project-header{background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-secondary)100%);cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;border:none;align-items:center;gap:12px;padding:16px 20px;display:flex}.project-header:hover{background:linear-gradient(135deg,var(--bg-hover)0%,var(--bg-tertiary)100%)}.project-header--expanded{border-bottom:1px solid var(--border-default)}.project-name{color:var(--text-primary);flex:1;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.project-phase-count{color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-default);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.project-count-dot{opacity:.6;font-size:8px;line-height:1}.project-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.project-header--expanded .project-chevron{color:var(--text-primary);transform:rotate(180deg)}.project-phases{background:var(--bg-primary);padding:16px}.project-phases .requirement-group{margin-top:12px}.project-phases .requirement-group:first-child{margin-top:0}.requirement-group{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);margin-top:16px;padding:16px}.requirement-group:hover{border-color:var(--border-hover)}.requirement-group:first-child{margin-top:0}.group-title{color:var(--text-primary);border-left:3px solid var(--color-accent-orange);align-items:center;gap:8px;margin-bottom:12px;padding:0 2px 0 10px;font-size:14px;font-weight:700;display:flex}.group-items{flex-wrap:wrap;gap:12px;display:flex}.item-card{background:var(--bg-secondary);border:2px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-lg);width:160px;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:0 2px 4px #0003}.item-card:before{content:"";background:var(--rarity-color,var(--border-default));border-radius:var(--radius-lg)var(--radius-lg)0 0;opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.item-card:hover{border-color:var(--rarity-color,var(--border-hover));z-index:10;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.item-card:hover:before{opacity:1}.item-card--clickable{cursor:pointer}.item-card--clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.item-card--clickable:focus:not(:focus-visible){outline:none}.item-icon{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border-radius:var(--radius-lg)var(--radius-lg)0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.item-icon img{object-fit:contain;max-width:90%;max-height:90%}.item-icon-placeholder{color:var(--text-muted)}.item-details{flex-direction:column;flex:1;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.item-name{color:var(--text-primary);white-space:normal;word-break:break-word;min-height:34px;font-size:13px;font-weight:500;line-height:1.3}.item-quantity{justify-content:center;align-items:center;gap:4px;display:flex}.qty-btn-group{gap:2px;display:flex}.qty-btn{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;line-height:1;display:flex}.qty-btn:active{transform:scale(.95)}.qty-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn--minus:hover:not(:disabled){border-color:var(--color-accent-red);color:var(--color-accent-red);background:#ef44441a}.qty-btn--plus:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#ffc1071a}.qty-display{flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:flex}.qty-current{color:var(--text-primary);text-align:right;min-width:16px;font-size:13px;font-weight:600}.qty-current--complete{color:var(--color-primary)}.qty-separator{color:var(--text-muted);font-size:13px}.qty-required{color:var(--text-secondary);text-align:left;min-width:16px;font-size:13px;font-weight:500}.items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding-top:16px;display:grid}.item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.item-type{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.coming-soon{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.coming-soon-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.coming-soon-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.coming-soon-description{color:var(--text-secondary);max-width:400px;font-size:14px}.blueprint-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.blueprint-filter-btn{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.blueprint-filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.blueprint-filter-btn--active{background:var(--bg-tertiary);border-color:var(--filter-color,var(--color-primary));color:var(--filter-color,var(--color-primary))}.blueprint-filter-btn--active:hover{border-color:var(--filter-color,var(--color-primary));color:var(--filter-color,var(--color-primary))}.blueprint-filter-count{background:var(--bg-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.blueprint-count-label{color:#fff;letter-spacing:1px;font-size:16px;font-weight:700}.blueprint-count-value{color:#6bb8ff;font-size:16px;font-weight:700}.blueprint-grid{border-radius:var(--radius-lg);background:linear-gradient(#0f2942 0%,#0a1f35 100%);border:2px solid #1a3a5c;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:600px;padding:16px;display:grid;overflow-y:auto}.blueprint-grid::-webkit-scrollbar{width:8px}.blueprint-grid::-webkit-scrollbar-track{background:#0a1f35;border-radius:4px}.blueprint-grid::-webkit-scrollbar-thumb{background:#2a5a8c;border-radius:4px}.blueprint-grid::-webkit-scrollbar-thumb:hover{background:#3a7ab0}.no-blueprints{color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-blueprints svg{opacity:.5;margin-bottom:12px}.no-blueprints p{font-size:14px}.blueprint-tile{aspect-ratio:.85;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:2px solid #2a5a8c;position:relative;overflow:hidden}.blueprint-tile:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.blueprint-tile-bg{background:linear-gradient(135deg,#1a4a7c 0%,#0f3259 100%);position:absolute;inset:0}.blueprint-tile-grid{opacity:.6;background-image:linear-gradient(#4a9eff1a 1px,#0000 1px),linear-gradient(90deg,#4a9eff1a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.blueprint-tile-content{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;height:100%;padding:6px 4px;display:flex;position:relative}.blueprint-tile-icon{color:#ffffffe6;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.blueprint-tile-image{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:80%;height:80%}.blueprint-tile-name{color:#fffffff2;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;width:100%;padding:0 2px;font-size:9px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.blueprint-tile-category{z-index:2;position:absolute;top:4px;left:4px}.blueprint-category-dot{background:var(--category-color,#fff);width:8px;height:8px;box-shadow:0 0 6px var(--category-color,#fff);border-radius:50%}.blueprint-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blueprint-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px solid #2a5a8c;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blueprint-modal-close{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.blueprint-modal-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.blueprint-modal-header{background:linear-gradient(135deg,#1a3a5c 0%,#0f2942 100%);border-bottom:2px solid #2a5a8c;align-items:center;gap:16px;padding:24px;display:flex}.blueprint-modal-icon{border:2px solid var(--category-color,#4a9eff);border-radius:var(--radius-lg);width:72px;height:72px;color:var(--category-color,#4a9eff);background:linear-gradient(135deg,#1a4a7c 0%,#0f3259 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.blueprint-modal-image{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);width:90%;height:90%}.blueprint-modal-title-section{flex:1;min-width:0}.blueprint-modal-title{color:#fff;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2}.blueprint-modal-category{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.blueprint-modal-content{max-height:calc(90vh - 140px);padding:20px 24px 24px;overflow-y:auto}.blueprint-modal-section{margin-bottom:20px}.blueprint-modal-section:last-child{margin-bottom:0}.blueprint-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-default);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.blueprint-section-title svg{color:var(--color-accent-blue);flex-shrink:0}.blueprint-containers-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.blueprint-container-item{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.blueprint-container-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.blueprint-container-icon{object-fit:contain;width:48px;height:48px}.blueprint-container-name{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:500;line-height:1.3}.blueprint-locations-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blueprint-location-item{border-radius:0 var(--radius-sm)var(--radius-sm)0;color:#ffffffe6;background:#00e5ff14;border-left:3px solid #00e5ff80;align-items:flex-start;padding:8px 12px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.blueprint-location-item:before{content:"";background:#00e5ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;margin-right:10px;display:inline-block}.blueprint-events-list,.blueprint-requirements-list{flex-wrap:wrap;gap:8px;display:flex}.blueprint-requirement-tag{border-radius:var(--radius-full);align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.blueprint-event-tag{color:var(--color-accent-orange);background:#ff98001a;border:1px solid #ff98004d}.blueprint-map-tag{color:#00cec9;background:#00cec91a;border:1px solid #00cec94d}.blueprint-quest-tag{color:#a29bfe;background:#a29bfe1a;border:1px solid #a29bfe4d}.blueprint-notes{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-blue);padding:12px;font-size:14px;line-height:1.5}@media (max-width:900px){.blueprint-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;padding:12px}.blueprint-tile-icon svg{width:28px;height:28px}.blueprint-tile-name{font-size:9px}}@media (max-width:768px){.needed-items-page{padding:16px}.blueprint-filters{gap:6px;margin-bottom:16px}.blueprint-filter-btn{padding:6px 10px;font-size:12px}.blueprint-filter-count{min-width:18px;height:16px;font-size:10px}.blueprint-count{gap:12px;margin-bottom:12px;padding:10px 14px}.blueprint-count-label,.blueprint-count-value{font-size:14px}.collection-label{font-size:10px}.collection-owned{font-size:12px}.collection-total{font-size:10px}.collection-mini-progress{width:50px;height:5px}.blueprint-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:500px;padding:10px}.blueprint-tile-icon svg{width:24px;height:24px}.blueprint-tile-image{width:100%;height:100%}.blueprint-tile-name{-webkit-line-clamp:2;font-size:8px}.blueprint-category-dot{width:6px;height:6px}.blueprint-modal-overlay{align-items:flex-end;padding:12px}.blueprint-modal{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;max-height:85vh}.blueprint-modal-close{color:#fff;background:#0f2942f2;border:1px solid #4a9eff66;width:40px;height:40px;top:16px;right:16px}.blueprint-modal-close svg{min-width:24px;min-height:24px;width:24px!important;height:24px!important}.blueprint-modal-header{gap:14px;padding:20px 56px 20px 20px}.blueprint-modal-icon{width:64px;height:64px}.blueprint-modal-image{width:95%;height:95%}.blueprint-modal-icon svg{width:36px;height:36px}.blueprint-modal-title{font-size:18px}.blueprint-modal-category{font-size:12px}.blueprint-modal-content{padding:16px 20px 20px}.blueprint-section-title{font-size:13px}.blueprint-containers-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.blueprint-container-item{padding:10px}.blueprint-container-icon{width:40px;height:40px}.blueprint-container-name{font-size:11px}.blueprint-location-item{padding:6px 10px;font-size:12px}.blueprint-requirement-tag,.blueprint-event-tag{padding:5px 10px;font-size:12px}.needed-items-page .page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.needed-items-page .page-title{font-size:20px}.needed-items-page .page-subtitle{font-size:13px}.fallback-badge{justify-content:center;width:100%;padding:6px 12px}.tabs-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;padding:4px;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;padding:8px 14px}.tab-label{font-size:13px}.search-container{margin-bottom:20px}.search-input-wrapper{max-width:none}.search-input{padding:10px 38px 10px 40px;font-size:16px}.section-title{margin-bottom:12px;font-size:14px}.categories-list{gap:20px}.category-section{border-width:2px}.category-header{gap:10px;padding:16px 18px}.category-name{font-size:15px}.category-name:before{width:3px;height:18px}.category-count{padding:3px 8px;font-size:12px}.departure-countdown{gap:8px;margin-bottom:16px;padding:12px 16px}.departure-countdown-label{font-size:12px}.departure-countdown-time{font-size:13px}.category-items{padding:20px 18px}.project-header{gap:10px;padding:14px 16px}.project-name{font-size:14px}.project-phase-count{padding:3px 8px;font-size:11px}.project-phases{padding:14px}.requirement-group{margin-top:14px;padding:16px}.group-title{margin-bottom:14px;padding:10px 14px;font-size:14px}.group-items{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;gap:12px;display:grid}.items-grid{grid-template-columns:1fr;gap:10px;padding-top:12px}.item-card{width:100%;min-width:140px;max-width:180px}.item-icon{width:100%;height:100px}.item-icon img{max-width:85%;max-height:85%}.item-details{padding:12px 14px}.item-name{min-height:32px;font-size:13px}.item-quantity{gap:6px}.qty-btn{width:32px;height:32px;font-size:16px}.qty-current,.qty-separator,.qty-required{font-size:15px}.item-rarity{font-size:10px}.item-type{font-size:11px}.coming-soon{padding:60px 24px}.coming-soon-icon{width:64px;height:64px}.coming-soon-icon svg{width:36px;height:36px}.coming-soon-title{font-size:18px}.coming-soon-description{font-size:13px}.needed-items-error{padding:48px 24px}.error-icon{font-size:36px}.error-title{font-size:18px}.error-message{font-size:13px}}@media (max-width:480px){.needed-items-page{padding:12px}.needed-items-page .page-header{gap:10px;margin-bottom:16px}.needed-items-page .page-title{font-size:18px}.tabs-container{justify-content:center;gap:4px;padding:3px}.tab-button{flex:1;justify-content:center;gap:6px;padding:7px 12px}.tab-icon svg{width:14px;height:14px}.tab-label{font-size:12px}.categories-list{gap:16px}.category-header{padding:14px 16px}.category-name{font-size:14px}.category-name:before{width:3px;height:16px}.departure-countdown{flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:10px 14px}.departure-countdown-icon{width:14px;height:14px}.departure-countdown-label{font-size:11px}.departure-countdown-time{font-size:12px}.category-items{padding:18px 16px}.project-header{gap:8px;padding:12px 14px}.project-name{font-size:13px}.project-phase-count{padding:2px 6px;font-size:10px}.project-phases{padding:12px}.requirement-group{margin-top:12px;padding:14px}.group-title{border-left-width:3px;margin-bottom:12px;padding:10px 12px;font-size:13px}.group-items{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));justify-items:center;gap:10px;display:grid}.items-grid{gap:8px;padding-top:10px}.item-card{width:100%;min-width:130px;max-width:160px;padding-top:65px;position:relative}.item-icon{width:100%;height:65px;margin:0;padding:0;position:absolute;top:0;left:0;right:0}.item-icon img{max-width:75%;max-height:75%}.item-details{padding:10px 12px}.item-name{min-height:30px;font-size:12px}.item-quantity{gap:5px}.qty-btn{width:30px;height:30px;font-size:15px}.qty-current,.qty-separator,.qty-required{font-size:14px}.coming-soon{padding:48px 20px}.blueprint-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding-bottom:8px;overflow-x:auto}.blueprint-filter-btn{white-space:nowrap;flex-shrink:0;padding:6px 10px;font-size:11px}.blueprint-count{flex-direction:column;align-items:stretch;gap:0;padding:0;position:relative}.blueprint-count:after{content:"";background:#ffffff1a;height:1px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.blueprint-count-left,.blueprint-count-right{justify-content:space-between;width:100%;padding:2px 10px}.blueprint-count-right{flex-wrap:wrap;gap:8px}.blueprint-count-label,.collection-label{letter-spacing:.5px;font-size:11px;font-weight:600}.blueprint-count-value{font-size:13px;font-weight:700}.collection-stats{font-size:13px}.collection-owned{font-size:13px;font-weight:700}.collection-total{font-size:12px}.collection-mini-progress{display:none}.collection-hint{text-align:right;width:100%;margin-top:0}.blueprint-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:5px;max-height:450px;padding:8px}.blueprint-tile-icon svg{width:20px;height:20px}.blueprint-tile-image{width:100%;height:100%}.blueprint-tile-name{-webkit-line-clamp:2;font-size:7px}.blueprint-category-dot{width:5px;height:5px}.blueprint-tile-grid{background-size:8px 8px}.blueprint-modal{max-height:90vh}.blueprint-modal-header{gap:12px;padding:16px 48px 16px 16px}.blueprint-modal-icon{width:56px;height:56px}.blueprint-modal-image{width:95%;height:95%}.blueprint-modal-icon svg{width:32px;height:32px}.blueprint-modal-title{font-size:16px}.blueprint-modal-category{font-size:11px}.blueprint-modal-close{color:#fff;background:#0f2942f2;border:1px solid #4a9eff66;width:40px;height:40px;top:12px;right:12px}.blueprint-modal-close svg{min-width:24px;min-height:24px;width:24px!important;height:24px!important}.blueprint-modal-content{padding:14px 16px 16px}.blueprint-modal-section{margin-bottom:16px}.blueprint-section-title{gap:6px;margin-bottom:10px;font-size:12px}.blueprint-section-title svg{width:16px;height:16px}.blueprint-containers-grid{grid-template-columns:repeat(2,1fr);gap:6px}.blueprint-container-item{gap:6px;padding:8px}.blueprint-container-icon{width:36px;height:36px}.blueprint-container-name{font-size:10px}.blueprint-locations-list,.blueprint-events-list,.blueprint-requirements-list{gap:6px}.blueprint-location-item{padding:6px 8px;font-size:11px}.blueprint-location-item:before{width:5px;height:5px;margin-top:5px;margin-right:8px}.blueprint-requirement-tag,.blueprint-event-tag{padding:4px 8px;font-size:11px}.blueprint-notes{padding:10px;font-size:13px}}@media (max-height:500px) and (max-width:900px){.coming-soon{padding:32px 20px}.coming-soon-icon{width:48px;height:48px;margin-bottom:12px}.coming-soon-icon svg{width:28px;height:28px}}.my-lists-auth-required{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.auth-required-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--color-accent-orange);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.auth-required-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.auth-required-description{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.5}.auth-required-buttons{margin-top:8px}.my-lists-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 40px;display:flex}.my-lists-loading .loading-spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.my-lists-error{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.my-lists-error .error-icon{margin-bottom:16px;font-size:48px}.my-lists-error h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.my-lists-error p{color:var(--text-secondary);font-size:14px}.my-lists-content{flex-direction:column;gap:32px;display:flex}.my-lists-section{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:20px}.my-lists-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.my-lists-section-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.my-lists-section-title svg{color:var(--color-accent-orange)}.my-lists-count{color:var(--text-muted);font-size:14px;font-weight:500}.my-lists-add-btn{background:var(--color-primary);border-radius:var(--radius-md);color:#000;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.my-lists-add-btn:hover{background:var(--color-primary-dim);transform:translateY(-1px)}.my-lists-search{margin-bottom:16px;position:relative}.my-lists-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.my-lists-search-input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:10px 12px 10px 38px;font-size:14px}.my-lists-search-input::placeholder{color:var(--text-muted)}.my-lists-search-input:focus{border-color:var(--color-primary);outline:none}.my-lists-blueprint-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.my-lists-empty{background:var(--bg-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.my-lists-empty svg{opacity:.5;margin-bottom:12px}.my-lists-empty p{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:500}.my-lists-empty span{color:var(--text-muted);font-size:13px}.my-lists-items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.my-lists-blueprints-grid{border-radius:var(--radius-lg);background:linear-gradient(#0f2942 0%,#0a1f35 100%);border:2px solid #1a3a5c;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:400px;padding:16px;display:grid;overflow-y:auto}.tracked-item-card{background:var(--bg-secondary);border:2px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.tracked-item-card:before{content:"";background:var(--rarity-color,var(--border-default));opacity:.6;border-radius:calc(var(--radius-lg) - 2px)calc(var(--radius-lg) - 2px)0 0;height:3px;position:absolute;top:0;left:0;right:0}.tracked-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tracked-item-card:hover:before{opacity:1}.tracked-item-card--complete{border-color:var(--color-primary)}.tracked-item-card--complete:before{background:var(--color-primary);opacity:1}.tracked-item-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2;background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.tracked-item-card:hover .tracked-item-remove{opacity:1}.tracked-item-remove:hover{color:#fff;background:#ef4444cc}.tracked-item-icon{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative;overflow:hidden}.tracked-item-icon img{object-fit:contain;max-width:90%;max-height:90%}.tracked-item-icon-placeholder{color:var(--text-muted)}.tracked-item-complete-badge{background:var(--color-primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:4px;right:4px}.tracked-item-details{flex-direction:column;flex:1;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.tracked-item-name{color:var(--text-primary);white-space:normal;word-break:break-word;min-height:34px;font-size:13px;font-weight:500;line-height:1.3}.tracked-item-quantity{justify-content:center;align-items:center;gap:4px;display:flex}.tracked-blueprint-tile{aspect-ratio:.85;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:2px solid #2a5a8c;position:relative;overflow:hidden}.tracked-blueprint-tile:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.tracked-blueprint-remove{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:3;background:#000000b3;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.tracked-blueprint-tile:hover .tracked-blueprint-remove{opacity:1}.tracked-blueprint-remove:hover{color:#fff;background:#ef4444e6}.add-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-modal{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.3s slideUp;display:flex;position:relative;overflow:hidden}.add-modal--blueprints{max-width:600px;height:70vh;max-height:85vh}.add-modal-close{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.add-modal-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.add-modal-title{color:var(--text-primary);border-bottom:1px solid var(--border-default);align-items:center;gap:10px;margin:0;padding:20px 56px 20px 24px;font-size:18px;font-weight:600;display:flex}.add-modal-title svg{color:var(--color-accent-orange)}.add-modal-search{padding:16px 24px;position:relative}.add-modal-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:38px;transform:translateY(-50%)}.add-modal-search-input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 40px 12px 44px;font-size:14px}.add-modal-search-input::placeholder{color:var(--text-muted)}.add-modal-search-input:focus{border-color:var(--color-primary);outline:none}.add-modal-search .search-clear{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.add-modal-search .search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.add-modal-filters{flex-wrap:wrap;gap:6px;padding:0 24px 16px;display:flex}.add-modal-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:12px;font-weight:500}.add-modal-filter-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.add-modal-filter-btn--active{background:var(--bg-hover);border-color:var(--filter-color,var(--color-primary));color:var(--filter-color,var(--color-primary))}.add-modal-items-list{flex-direction:column;flex:1;gap:8px;max-height:400px;padding:0 24px 24px;display:flex;overflow-y:auto}.add-modal-no-results{color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.add-modal-no-results svg{opacity:.5;margin-bottom:12px}.add-modal-item{background:var(--bg-tertiary);border:1px solid var(--border-default);border-left:3px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:12px;padding:10px 12px;display:flex}.add-modal-item:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.add-modal-item--tracked{opacity:.5;cursor:not-allowed}.add-modal-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.add-modal-item-icon img{object-fit:contain;max-width:100%;max-height:100%}.add-modal-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.add-modal-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.add-modal-item-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.add-modal-item-tracked-badge{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px}.add-modal-configure{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}.add-modal-selected-item{background:var(--bg-tertiary);border:2px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px;display:flex}.add-modal-selected-icon{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.add-modal-selected-icon img{object-fit:contain;max-width:100%;max-height:100%}.add-modal-selected-info{flex:1;min-width:0}.add-modal-selected-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600;display:block}.add-modal-selected-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.add-modal-change-btn{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 14px;font-size:13px;font-weight:500}.add-modal-change-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.add-modal-field{flex-direction:column;gap:8px;display:flex}.add-modal-label{color:var(--text-secondary);font-size:13px;font-weight:600}.add-modal-quantity-input{align-items:center;gap:8px;display:flex}.add-modal-qty-input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:80px;color:var(--text-primary);text-align:center;-moz-appearance:textfield;padding:10px;font-size:16px;font-weight:600}.add-modal-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-modal-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-modal-qty-input:focus{border-color:var(--color-primary);outline:none}.add-modal-notes{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:60px;padding:12px;font-family:inherit;font-size:14px}.add-modal-notes::placeholder{color:var(--text-muted)}.add-modal-notes:focus{border-color:var(--color-primary);outline:none}.add-modal-item-details{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-default);flex-direction:column;gap:8px;padding:12px;display:flex}.item-detail-row{align-items:center;gap:12px;display:flex}.item-detail-row--description{flex-direction:column;align-items:flex-start;gap:4px}.item-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:600}.item-detail-value{color:var(--text-primary);font-size:13px}.item-detail-row--description .item-detail-value{color:var(--text-secondary);font-size:12px;line-height:1.4}.add-modal-needed-for{flex-direction:column;gap:8px;display:flex}.needed-for-list{flex-direction:column;gap:6px;max-height:150px;padding-right:4px;display:flex;overflow-y:auto}.needed-for-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--tag-color);align-items:center;gap:10px;padding:8px 12px;display:flex}.needed-for-item--quest{--tag-color:#4a9eff}.needed-for-item--hideout{--tag-color:#ff9800}.needed-for-item--project{--tag-color:#0f8}.needed-for-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--tag-color);border-radius:var(--radius-sm);background:#ffffff0d;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.needed-for-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.needed-for-qty{color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:600}.add-modal-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.add-modal-cancel{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:10px 20px;font-size:14px;font-weight:500}.add-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.add-modal-submit{background:var(--color-primary);border-radius:var(--radius-md);color:#000;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.add-modal-submit:hover{background:var(--color-primary-dim)}.add-modal-blueprints-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:min-content;align-content:start;gap:8px;min-height:0;padding:16px 24px 24px;display:grid;overflow-y:auto}.add-modal-blueprint-tile{aspect-ratio:.85;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:2px solid #2a5a8c;position:relative;overflow:hidden}.add-modal-blueprint-tile:hover:not(:disabled){border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.add-modal-blueprint-tile--added{opacity:.6;cursor:not-allowed}.add-modal-blueprint-added-overlay{color:var(--color-primary);z-index:2;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.item-modal{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:85vh;animation:.3s slideUp;position:relative;overflow:hidden}.item-modal-close{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.item-modal-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.item-modal-header{background:linear-gradient(180deg,var(--bg-tertiary)0%,var(--bg-secondary)100%);border-bottom:1px solid var(--border-default);align-items:center;gap:16px;padding:24px 60px 24px 24px;display:flex}.item-modal-icon{background:var(--bg-secondary);border:2px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.item-modal-icon img{object-fit:contain;max-width:85%;max-height:85%}.item-modal-icon svg{color:var(--text-muted)}.item-modal-title-section{flex:1;min-width:0}.item-modal-title{color:var(--text-primary);margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.2}.item-modal-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item-modal-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.item-modal-type{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px}.item-modal-content{flex-direction:column;gap:20px;max-height:calc(85vh - 120px);padding:20px 24px;display:flex;overflow-y:auto}.item-modal-section{flex-direction:column;gap:12px;display:flex}.item-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.item-section-title svg{color:var(--color-accent-orange)}.item-section-total{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:500}.item-description{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);margin:0;padding:12px;font-size:14px;line-height:1.5}.item-loot-area{flex-wrap:wrap;gap:8px;display:flex}.item-loot-area-badge{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.item-progress-bar-container{flex-direction:column;gap:8px;display:flex}.item-progress-info{align-items:baseline;gap:4px;font-weight:600;display:flex}.item-progress-current{color:var(--color-primary);font-size:28px}.item-progress-separator{color:var(--text-muted);font-size:20px}.item-progress-target{color:var(--text-secondary);font-size:20px}.item-progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.item-progress-fill{border-radius:4px;height:100%;transition:width .3s}.item-progress-complete{color:var(--color-primary);font-size:13px;font-weight:600}.item-needed-for-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.item-needed-for-row{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--tag-color);align-items:center;gap:10px;padding:10px 12px;display:flex}.item-needed-for-row--quest{--tag-color:#4a9eff}.item-needed-for-row--hideout{--tag-color:#ff9800}.item-needed-for-row--project{--tag-color:#0f8}.item-needed-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--tag-color);border-radius:var(--radius-sm);background:#ffffff0d;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.item-needed-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.item-needed-qty{color:var(--text-muted);flex-shrink:0;font-size:14px;font-weight:600}.item-modal-empty{text-align:center;color:var(--text-muted);padding:24px}.item-modal-empty p{margin:0;font-size:14px}.tracked-item-card{cursor:pointer}.tracked-item-card:active{transform:translateY(0)}@media (max-width:768px){.my-lists-auth-required{padding:40px 24px}.auth-required-icon{width:64px;height:64px}.auth-required-title{font-size:18px}.auth-required-description{font-size:13px}.my-lists-section{padding:16px}.my-lists-section-header{flex-direction:column;align-items:flex-start;gap:12px}.my-lists-add-btn{justify-content:center;width:100%}.my-lists-items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.my-lists-blueprints-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:300px;padding:12px}.my-lists-blueprints-grid .blueprint-tile-name{font-size:9px}.my-lists-blueprints-grid .blueprint-tile-image{max-width:90%;max-height:90%}.my-lists-blueprint-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.add-modal-overlay{align-items:flex-end;padding:12px}.add-modal{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;height:auto;max-height:85vh}.add-modal-title{padding:16px 20px;font-size:16px}.add-modal-search{padding:12px 20px}.add-modal-filters{flex-wrap:nowrap;padding:0 20px 12px;overflow-x:auto}.add-modal-items-list{max-height:300px;padding:0 20px 20px}.add-modal--blueprints{height:70vh}.add-modal-blueprints-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;padding:12px 16px 20px}.add-modal-blueprints-grid .blueprint-tile-image{max-width:90%;max-height:90%}.add-modal-blueprints-grid .blueprint-tile-name{-webkit-line-clamp:2;font-size:9px}.add-modal-configure{padding:20px}}@media (max-width:480px){.my-lists-items-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tracked-item-card:before{display:none}.tracked-item-card{padding-top:65px}.tracked-item-remove,.tracked-blueprint-remove{display:none}.tracked-item-icon{width:100%;height:65px;margin:0;padding:0;position:absolute;top:0;left:0;right:0}.tracked-item-icon img{max-width:75%;max-height:75%}.tracked-item-details{padding:8px 10px}.tracked-item-name{font-size:12px}.my-lists-blueprints-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.my-lists-blueprints-grid .blueprint-tile-name{-webkit-line-clamp:2;font-size:8px}.my-lists-blueprints-grid .blueprint-tile-image{max-width:100%;max-height:100%}.add-modal-close,.item-modal-close{width:36px;min-width:36px;height:36px;min-height:36px;top:10px;right:10px}.add-modal-close svg,.item-modal-close svg{flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px}}.blueprint-count{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a3a5c 0%,#0f2942 100%);border:2px solid #2a5a8c;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.blueprint-count-left{align-items:center;gap:12px;display:flex}.blueprint-count-right{align-items:center;gap:10px;display:flex}.collection-label{color:#00d97e;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.collection-stats{align-items:center;gap:1px;display:flex}.collection-owned{color:#00d97e;font-size:12px;font-weight:700;line-height:1}.collection-separator{color:#fff6;margin:0 2px;font-size:12px;line-height:1}.collection-total{color:#fff9;font-size:12px;font-weight:600;line-height:1}.collection-mini-progress{background:#0000004d;border-radius:3px;width:60px;height:6px;overflow:hidden}.collection-mini-fill{background:linear-gradient(90deg,#00d97e 0%,#00b86b 100%);border-radius:3px;height:100%;transition:width .4s}.blueprint-tile--owned{border-color:#00d97e}.blueprint-tile--owned:hover{border-color:#00ff94;box-shadow:0 4px 12px #00d97e4d}.blueprint-tile--owned .blueprint-tile-bg{background:linear-gradient(135deg,#0d3321 0%,#0f3259 100%)}.blueprint-owned-badge{color:#000;z-index:3;background:#00d97e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0000004d}.blueprint-owned-badge svg{width:12px;height:12px}.collection-hint{color:#ffffff80;margin-top:4px;font-size:.7rem;font-style:italic}.collection-hint--desktop{display:inline}.collection-hint--mobile{display:none}@media (max-width:768px){.blueprint-owned-badge{width:16px;height:16px}.blueprint-owned-badge svg{width:10px;height:10px}.collection-hint--desktop{display:none}.collection-hint--mobile{display:inline}}@media (max-width:480px){.blueprint-owned-badge{width:14px;height:14px;top:3px;right:3px}.blueprint-owned-badge svg{width:9px;height:9px}.collection-hint{font-size:.65rem}}.blueprint-sync-btn{border-radius:var(--radius-md);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);background:#00ff880f;border:1px solid #00ff8840;align-items:center;gap:5px;margin-left:4px;padding:5px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.blueprint-sync-btn:hover:not(:disabled){background:#00ff881f;border-color:#00ff8880;box-shadow:0 0 12px #00ff881a}.blueprint-sync-btn:active:not(:disabled){transform:scale(.97)}.blueprint-sync-btn:disabled{opacity:.7;cursor:not-allowed}.blueprint-sync-btn--premium{color:#ffc107;background:#ffc1070f;border-color:#ffc1074d}.blueprint-sync-btn--premium:hover:not(:disabled){background:#ffc1071f;border-color:#ffc10780;box-shadow:0 0 12px #ffc1071a}.blueprint-sync-icon{flex-shrink:0}.blueprint-sync-btn--syncing .blueprint-sync-icon{animation:1s linear infinite spin}.blueprint-sync-label{line-height:1}.blueprint-sync-premium-badge{color:#ffc107;align-items:center;font-size:9px;display:inline-flex}@media (max-width:768px){.blueprint-sync-btn{padding:4px 9px;font-size:.65rem}}@media (max-width:480px){.blueprint-sync-btn{gap:3px;padding:3px 7px;font-size:.6rem}}.needed-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.needed-header .section-title{margin-bottom:0}.progress-sync-btn{border-radius:var(--radius-md);color:var(--color-primary);letter-spacing:.3px;cursor:pointer;transition:all var(--transition-fast);background:#00ff8814;border:1px solid #0f83;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.progress-sync-btn:hover:not(:disabled){background:#00ff8826;border-color:#00ff8873;box-shadow:0 0 12px #00ff881a}.progress-sync-btn:active:not(:disabled){transform:scale(.97)}.progress-sync-btn:disabled{opacity:.7;cursor:not-allowed}.progress-sync-btn--premium{color:#ffc107;background:#ffc1070f;border-color:#ffc10740}.progress-sync-btn--premium:hover:not(:disabled){background:#ffc1071f;border-color:#ffc10773;box-shadow:0 0 12px #ffc1071a}.progress-sync-icon{flex-shrink:0}.progress-sync-btn--syncing .progress-sync-icon{animation:1s linear infinite spin}.progress-sync-label{line-height:1}.progress-sync-premium-badge{color:#ffc107;align-items:center;font-size:9px;display:inline-flex}.requirement-group--completed{opacity:.55;position:relative}.requirement-group--completed .group-items{pointer-events:none}.group-title--completed{-webkit-text-decoration:line-through #00d97e99;text-decoration:line-through #00d97e99;text-decoration-thickness:2px}.group-completed-badge{color:#000;vertical-align:middle;background:#00d97e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;display:inline-flex}.group-completed-badge svg{width:14px;height:14px}@media (max-width:768px){.progress-sync-btn{padding:6px 10px;font-size:.7rem}.group-completed-badge{width:18px;height:18px}.group-completed-badge svg{width:12px;height:12px}}@media (max-width:480px){.progress-sync-btn{gap:4px;padding:5px 9px;font-size:.65rem}.group-completed-badge{width:16px;height:16px}.group-completed-badge svg{width:10px;height:10px}}.category-phase-description{color:var(--text-secondary);margin:-8px 0 16px;font-size:13px;line-height:1.5}.category-phase-sync-hint{background:var(--bg-secondary);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-muted);border-left:3px solid #00ff884d;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.category-phase-sync-hint svg{opacity:.6;flex-shrink:0}.category-goals{flex-direction:column;gap:16px;display:flex}.category-goal-row{flex-direction:column;gap:6px;display:flex}.category-goal-header{justify-content:space-between;align-items:center;display:flex}.category-goal-name{color:var(--text-primary);font-size:14px;font-weight:600}.category-goal-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.category-goal-value--complete{color:#00d97e}.category-goal-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.category-goal-fill{background:linear-gradient(90deg,#00ff884d 0%,#00ff8880 100%);border-radius:4px;height:100%;transition:width .4s}.category-goal-fill--complete{background:linear-gradient(90deg,#00d97e 0%,#00b86b 100%)}.departure-bonus{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:20px;padding:16px}.departure-bonus-title{color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.departure-bonus-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:20px;position:relative}.departure-bonus-fill{background:linear-gradient(90deg,#00d97e 0%,#00b86b 100%);border-radius:4px;height:100%;transition:width .4s}.departure-milestones{justify-content:space-between;padding:0;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.departure-milestone{background:var(--bg-tertiary);border:2px solid var(--border-default);z-index:1;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.departure-milestone--earned{background:#00d97e;border-color:#00d97e;box-shadow:0 0 6px #00d97e66}.departure-bonus-label{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:600}.departure-bonus-label span{color:#00d97e}@media (max-width:768px){.category-phase-description{font-size:12px}.category-phase-sync-hint{padding:8px 12px;font-size:11px}.category-goal-name{font-size:13px}.category-goal-value{font-size:12px}.departure-bonus{padding:14px}.departure-milestone{width:14px;height:14px}}@media (max-width:480px){.category-phase-description{font-size:11px}.category-phase-sync-hint{gap:6px;padding:8px 10px;font-size:10px}.category-goals{gap:12px}.category-goal-name{font-size:12px}.category-goal-value{font-size:11px}.category-goal-bar{height:6px}.departure-bonus{margin-top:16px;padding:12px}.departure-bonus-bar{height:6px}.departure-milestone{width:12px;height:12px}.departure-bonus-label{font-size:12px}}.tooltip-wrapper.item-reward-badge-wrapper{z-index:3;position:absolute;top:4px;right:4px}.item-reward-badge{background:var(--bg-elevated,#1e1e32);border-radius:var(--radius-sm,4px);border:1px solid var(--border-default,#2a2a3e);cursor:pointer;align-items:center;gap:3px;padding:2px 6px 2px 3px;transition:border-color .15s,background .15s;display:flex}.item-reward-badge:hover{border-color:var(--border-hover,#3a3a5e)}.item-reward-badge--tokens{cursor:default}.item-reward-badge-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;overflow:hidden}.item-reward-badge-icon img{object-fit:contain;width:100%;height:100%}.item-reward-badge-amount{color:var(--text-secondary,#88a);font-size:11px;font-weight:600;line-height:1}.project-current-badge{text-transform:uppercase;letter-spacing:.5px;color:#0f8;background:#00ff881f;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4}.view-toggle{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-default);gap:2px;padding:3px;display:flex}.view-toggle-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.view-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-toggle-btn--active{background:var(--bg-tertiary);color:var(--color-accent-orange);box-shadow:0 1px 3px #0003}.group-title--collapsible{-webkit-user-select:none;user-select:none}.group-title:last-child{margin-bottom:0}.group-collapse-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:4px}.group-collapse-chevron--expanded{transform:rotate(180deg)}.item-row-progress-fill{background:var(--color-accent-orange);border-radius:2px;height:100%;transition:width .2s}.item-row-progress-fill--complete{background:var(--color-primary)}.shopping-list{flex-direction:column;gap:12px;display:flex}.shopping-list-header{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px 16px;display:flex}.shopping-list-filters{gap:6px;margin-right:auto;display:flex}.shopping-list-filters .blueprint-filter-btn{padding:5px 10px;font-size:12px}.shopping-list-filters .blueprint-filter-count{min-width:18px;height:16px;font-size:10px}.shopping-list-count{color:var(--color-accent-orange);font-size:14px;font-weight:600}.shopping-list-total{color:var(--text-muted);font-size:13px}.shopping-list-items{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:0;padding:4px 8px;display:flex}.shopping-item{border-bottom:1px solid var(--border-default);border-left:3px solid var(--rarity-color,var(--border-default));border-radius:var(--radius-sm);cursor:pointer;height:48px;transition:background var(--transition-fast);align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.shopping-item:last-child{border-bottom:none}.shopping-item:hover{background:var(--bg-hover);z-index:1}.shopping-item--complete{opacity:.55}.shopping-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.shopping-item-icon img{object-fit:contain;max-width:100%;max-height:100%}.shopping-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.shopping-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.shopping-item-sources{color:var(--text-muted);font-size:11px}.shopping-item .tooltip-wrapper{cursor:pointer}.shopping-item .tooltip-bubble{white-space:normal;max-width:380px;padding:12px 16px}.sources-tooltip{text-align:left;min-width:220px}.sources-tooltip-title{color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #ffffff14;margin-bottom:8px;padding-bottom:8px;font-size:10px;font-weight:600}.sources-tooltip-list{flex-direction:column;gap:6px;display:flex}.sources-tooltip-row{align-items:center;gap:10px;display:flex}.sources-tooltip-badge{text-transform:uppercase;letter-spacing:.3px;text-align:center;white-space:nowrap;border-radius:3px;flex-shrink:0;width:auto;min-width:48px;padding:2px 6px;font-size:8px;font-weight:700;line-height:1.3}.sources-tooltip-badge--quest{color:#6ab0ff;background:#4a9eff1f}.sources-tooltip-badge--hideout{color:#ffb74d;background:#ff98001f}.sources-tooltip-badge--project{color:#6fa;background:#00ff881f}.sources-tooltip-name{color:#ffffffd9;flex:1;min-width:0;font-size:12px;font-weight:400;line-height:1.35}.sources-tooltip-qty{color:#fff6;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:500}.shopping-item:hover .tooltip-bubble{opacity:1}.shopping-item-progress{background:var(--bg-tertiary);border-radius:2px;flex-shrink:0;width:100px;height:4px;overflow:hidden}.shopping-item-qty{color:var(--text-secondary);flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;min-width:50px;font-size:12px;font-weight:600;display:flex}@media (max-width:600px){.shopping-item-progress,.view-toggle-btn span{display:none}.view-toggle-btn{padding:6px 8px}}