:root{--rarity-common: #9D9D9D;--rarity-uncommon: #1EFF00;--rarity-rare: #0070DD;--rarity-epic: #A335EE;--rarity-legendary: #FF8000;--rarity-common-alpha: rgba(157, 157, 157, .2);--rarity-uncommon-alpha: rgba(30, 255, 0, .2);--rarity-rare-alpha: rgba(0, 112, 221, .2);--rarity-epic-alpha: rgba(163, 53, 238, .2);--rarity-legendary-alpha: rgba(255, 128, 0, .2);--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-card: #1f1f1f;--bg-card-hover: #252525;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #808080;--text-white: #ffffff;--accent-primary: #646cff;--accent-secondary: #535bf2;--accent-neon-blue: #00d4ff;--accent-neon-purple: #b829ff;--accent-success: #00ff88;--accent-warning: #FFC107;--accent-danger: #ff4444;--border-color: #3a3a3a;--border-hover: #4a4a4a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-glow: 0 0 12px rgba(100, 108, 255, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200;--max-width-container: 1440px;--max-width-content: 1200px;--header-height: 64px;--footer-height: 120px;--card-padding: var(--space-lg);--grid-gap: var(--space-lg)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-common{color:var(--rarity-common)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.border-rarity-uncommon{border-color:var(--rarity-uncommon)}.border-rarity-common{border-color:var(--rarity-common)}.border-rarity-rare{border-color:var(--rarity-rare)}.border-rarity-epic{border-color:var(--rarity-epic)}.border-rarity-legendary{border-color:var(--rarity-legendary)}.bg-rarity-uncommon{background-color:var(--rarity-uncommon-alpha)}.bg-rarity-common{background-color:var(--rarity-common-alpha)}.bg-rarity-rare{background-color:var(--rarity-rare-alpha)}.bg-rarity-epic{background-color:var(--rarity-epic-alpha)}.bg-rarity-legendary{background-color:var(--rarity-legendary-alpha)}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{cursor:pointer}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-2xl) 0;margin-top:var(--space-3xl);position:relative;width:100vw;margin-left:calc(-50vw + 50%)}.app-footer:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 100%;animation:rainbowBorder 3s ease infinite;pointer-events:none}.footer-content{max-width:var(--max-width-container);margin:0 auto;padding:0 var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-content p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.footer-creator{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-md)!important;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.footer-attribution,.footer-license{font-weight:var(--font-weight-medium)}.footer-external-link{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-weight-semibold)}.footer-external-link:hover{color:var(--accent-neon-blue);text-decoration:underline}.footer-external-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.footer-disclaimer{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.footer-legal-nav{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.footer-legal-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease;position:relative;overflow:visible}.footer-legal-link:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-sm);z-index:-2;opacity:0;animation:rainbowBorder 6s ease infinite;pointer-events:none;transition:opacity .2s ease}.footer-legal-link:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-sm) - 1px);z-index:-1;pointer-events:none}.footer-legal-link:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.footer-legal-link:hover:before{opacity:1}.footer-legal-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.footer-separator{color:var(--border-color);font-size:var(--font-size-sm);user-select:none}@media (max-width: 768px){.app-footer{padding:var(--space-xl) 0}.footer-content{padding:0 var(--space-md)}.footer-content{gap:var(--space-xs)}.footer-content p{font-size:var(--font-size-xs)}.footer-legal-nav{gap:var(--space-xs)}.footer-legal-link{font-size:var(--font-size-xs);padding:var(--space-xs)}.footer-separator{font-size:var(--font-size-xs)}}@media (max-width: 480px){.app-footer{padding:var(--space-lg) 0}.footer-content{padding:0 var(--space-sm)}.footer-legal-nav{flex-direction:column;gap:var(--space-sm)}.footer-separator{display:none}.footer-legal-link{width:100%;text-align:center;padding:var(--space-sm)}}.feedback-modal-overlay{position:fixed;inset:0;background-color:#000000d9;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-md);animation:fadeIn .2s ease}.feedback-modal{background-color:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;scrollbar-width:none;-ms-overflow-style:none}.feedback-modal::-webkit-scrollbar{width:0px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;z-index:2;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.feedback-modal-close:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.feedback-modal-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-modal-header{position:relative;padding:var(--space-2xl) var(--space-xl);padding-right:calc(var(--space-xl) + 40px);border-bottom:1px solid var(--border-color)}.feedback-modal-header h2{margin:0 0 var(--space-sm) 0;font-size:1.75rem;color:var(--text-primary);font-weight:600}.feedback-modal-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.feedback-form{position:relative;padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.required{color:var(--rarity-epic)}.optional{font-weight:400;color:var(--text-muted)}.category-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.category-btn{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.category-btn svg{font-size:1.5rem}.category-btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-primary)}.category-btn.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#000;font-weight:600}.category-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.form-input,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-card-hover)}.form-textarea{resize:vertical;min-height:120px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input.error,.form-textarea.error{border-color:var(--rarity-epic)}.error-message{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--rarity-epic)}.form-actions{margin-top:var(--space-xl);text-align:center}.submit-btn{min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:disabled:hover{transform:none;background-color:var(--accent-primary)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.status-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);line-height:1.5;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-message.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-message.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.status-message svg{flex-shrink:0;font-size:1.25rem}.form-note{margin-top:var(--space-md);font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width: 768px){.feedback-modal-overlay{padding:var(--space-sm)}.feedback-modal{max-height:95vh}.feedback-modal-header{padding:var(--space-lg);padding-right:calc(var(--space-lg) + 36px)}.feedback-modal-header h2{font-size:1.5rem}.feedback-form{padding:var(--space-md)}.category-options{grid-template-columns:1fr}.submit-btn{min-width:100%}}@media (max-width: 480px){.feedback-modal-header{padding:var(--space-md);padding-right:calc(var(--space-md) + 32px)}.feedback-modal-header h2{font-size:1.25rem}.feedback-modal-close{top:var(--space-md);right:var(--space-md);font-size:1.25rem}.feedback-form{padding:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.feedback-modal-overlay,.feedback-modal{animation:none}.feedback-modal:before{animation:none;background:var(--accent-primary)}}.scroll-to-footer-btn{position:fixed;bottom:var(--space-2xl);right:var(--space-lg);background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;color:var(--text-secondary);z-index:100;box-shadow:var(--shadow-lg)}.scroll-to-footer-btn:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:50%;z-index:-2;opacity:0;animation:rainbowBorder 6s ease infinite;pointer-events:none;transition:opacity .2s ease}.scroll-to-footer-btn:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:50%;z-index:-1;pointer-events:none}.scroll-to-footer-btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.scroll-to-footer-btn:hover:before{opacity:1}.scroll-to-footer-btn:active{transform:translateY(0)}.scroll-to-footer-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.scroll-to-footer-btn{bottom:var(--space-xl);right:var(--space-md);width:44px;height:44px;font-size:1rem}}@media (max-width: 480px){.scroll-to-footer-btn{bottom:var(--space-lg);right:var(--space-sm);width:40px;height:40px;font-size:.875rem}}@media (prefers-reduced-motion: reduce){.scroll-to-footer-btn:before{animation:none;background:var(--accent-primary)}.scroll-to-footer-btn:hover{transform:none}}.version-badge{display:inline-flex;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all .2s ease;position:relative;overflow:visible}.version-badge:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-md);z-index:-2;opacity:0;animation:rainbowBorder 6s ease infinite;pointer-events:none;transition:opacity .2s ease}.version-badge:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:calc(var(--radius-md) - 1px);z-index:-1;pointer-events:none}.version-badge:hover{background-color:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.version-badge:hover:before{opacity:1}.version-badge:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.version-label{font-size:.75rem;opacity:.7}.version-number{font-variant-numeric:tabular-nums}@media (max-width: 768px){.version-badge{font-size:.65rem;padding:4px 6px}.version-label{font-size:.65rem}}@media (prefers-reduced-motion: reduce){.version-badge:before{animation:none;background:var(--accent-primary)}.version-badge:hover{transform:none}}.quest-warning{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:5;cursor:help;display:inline-flex;align-items:center;outline:none}.quest-warning:focus-visible{outline:2px solid var(--accent-warning);outline-offset:4px}.quest-warning-icon{color:var(--accent-warning);font-size:1.2rem;filter:drop-shadow(0 0 4px rgba(255,193,7,.55));transition:all var(--transition-fast)}.quest-warning:hover .quest-warning-icon,.quest-warning:focus .quest-warning-icon{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255,193,7,.75))}.quest-warning-tooltip{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:210px;max-width:min(280px,85vw);padding:var(--space-sm) var(--space-md);background-color:#11161d;border:1px solid rgba(255,193,7,.6);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-xs);color:#ffffffeb;pointer-events:none;opacity:0;transform:translateY(-5px);transition:all var(--transition-fast);white-space:normal;z-index:10;overflow-wrap:anywhere;word-break:break-word}.quest-warning:hover .quest-warning-tooltip,.quest-warning:focus-within .quest-warning-tooltip{opacity:1;transform:translateY(0)}.quest-warning-tooltip div{line-height:1.55;margin-bottom:var(--space-2xs)}.quest-warning-tooltip div:last-child{margin-bottom:0}.quest-warning-spacer{height:var(--space-2xs);width:100%;margin:0}@media (max-width: 768px){.quest-warning-icon{font-size:1rem}.quest-warning-tooltip{min-width:180px;max-width:min(240px,90vw);font-size:.72rem}}@media (max-width: 480px){.quest-warning{right:var(--space-xs)}.quest-warning-tooltip{min-width:170px;max-width:90vw}}.item-card{position:relative;background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-sm);overflow:visible}.item-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity .3s ease;animation:rainbowBorder 3s ease infinite}.item-card:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:calc(var(--radius-lg) - 2px);z-index:-1;transition:background-color var(--transition-base)}.item-card:hover:before{opacity:1}.item-card:hover:after{background-color:var(--bg-card-hover)}.item-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00d4ff33,0 8px 16px #b829ff1a}.item-card:active{transform:translateY(-2px) scale(1.01)}.item-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.item-card.rarity-common{border-color:var(--rarity-common)}.item-card.rarity-common:hover{box-shadow:0 8px 24px #9d9d9d4d}.item-card.rarity-uncommon{border-color:var(--rarity-uncommon)}.item-card.rarity-uncommon:hover{box-shadow:0 8px 24px #1eff004d}.item-card.rarity-rare{border-color:var(--rarity-rare)}.item-card.rarity-rare:hover{box-shadow:0 8px 24px #0070dd4d}.item-card.rarity-epic{border-color:var(--rarity-epic)}.item-card.rarity-epic:hover{box-shadow:0 8px 24px #a335ee4d}.item-card.rarity-legendary{border-color:var(--rarity-legendary);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,128,0,.05) 100%)}.item-card.rarity-legendary:hover{box-shadow:0 8px 24px #ff800066}.item-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;position:relative}.item-icon img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.item-icon.icon-placeholder{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.item-icon.icon-placeholder:after{content:"?";font-size:3rem;color:var(--text-muted);font-weight:var(--font-weight-bold)}.item-card.rarity-common .item-icon{background:linear-gradient(135deg,#c8c8c866,#9d9d9d40,#78787826)}.item-card.rarity-uncommon .item-icon{background:linear-gradient(135deg,#64ff5073,#1eff004d,#00c83233)}.item-card.rarity-rare .item-icon{background:linear-gradient(135deg,#32b4ff80,#0070dd59,#0050b440)}.item-card.rarity-epic .item-icon{background:linear-gradient(135deg,#c864ff80,#a335ee59,#781ec840)}.item-card.rarity-legendary .item-icon{background:linear-gradient(135deg,#ffc83299,#ff800073,#dc50004d)}.item-info{display:flex;flex-direction:column;gap:var(--space-sm)}.item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-white);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lookup-steps-badge{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:50%;z-index:10;box-shadow:0 2px 8px #0000004d;backdrop-filter:blur(4px);cursor:help;transition:transform .2s ease,box-shadow .2s ease}.lookup-steps-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}.lookup-steps-badge.step-1{background:linear-gradient(135deg,#0f8,#0c6);color:#032;border:2px solid #00ff88}.lookup-steps-badge.step-2{background:linear-gradient(135deg,#00d4ff,#09c);color:#023;border:2px solid #00d4ff}.lookup-steps-badge.step-3{background:linear-gradient(135deg,#ff9500,#c70);color:#331f00;border:2px solid #ff9500}.item-rarity{display:flex;align-items:center}.rarity-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background-color:var(--bg-tertiary)}.rarity-badge.rarity-uncommon{color:var(--rarity-uncommon);background-color:var(--rarity-uncommon-alpha)}.rarity-badge.rarity-common{color:var(--rarity-common);background-color:var(--rarity-common-alpha)}.rarity-badge.rarity-rare{color:var(--rarity-rare);background-color:var(--rarity-rare-alpha)}.rarity-badge.rarity-epic{color:var(--rarity-epic);background-color:var(--rarity-epic-alpha)}.rarity-badge.rarity-legendary{color:var(--rarity-legendary);background-color:var(--rarity-legendary-alpha)}.item-price{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.price-label{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.price-value{color:var(--accent-success);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-xs)}.currency-icon{width:16px;height:16px;object-fit:contain;filter:brightness(1.2)}.efficiency-value{color:gold;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-left:var(--space-xs);white-space:nowrap}.item-recycle{margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.recycle-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.recycle-list{display:flex;flex-direction:column;gap:var(--space-xs)}.recycle-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.recycle-quantity{font-weight:var(--font-weight-bold);min-width:28px}.recycle-component{font-weight:var(--font-weight-medium)}.cannot-recycle{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) 0}.cannot-recycle-text{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}@media (max-width: 768px){.item-card{padding:var(--space-sm)}.item-name{font-size:var(--font-size-sm)}}@media (max-width: 480px){.item-card{padding:var(--space-sm)}.item-name{font-size:var(--font-size-sm)}}.item-grid{display:grid;gap:var(--grid-gap);width:100%;margin-bottom:var(--space-2xl)}.item-grid.density-compact{grid-template-columns:repeat(6,1fr)}@media (max-width: 1600px){.item-grid.density-compact{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1200px){.item-grid.density-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.item-grid.density-compact{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}@media (max-width: 600px){.item-grid.density-compact{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}.item-grid.density-medium{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.item-grid.density-medium{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.item-grid.density-medium{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (max-width: 600px){.item-grid.density-medium{grid-template-columns:1fr;gap:var(--space-md)}}.item-grid.density-spacious{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}@media (max-width: 1200px){.item-grid.density-spacious{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (max-width: 900px){.item-grid.density-spacious{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (max-width: 600px){.item-grid.density-spacious{grid-template-columns:1fr;gap:var(--space-md)}}.item-grid>*{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.item-grid>*:nth-child(1){animation-delay:0ms}.item-grid>*:nth-child(2){animation-delay:50ms}.item-grid>*:nth-child(3){animation-delay:.1s}.item-grid>*:nth-child(4){animation-delay:.15s}.item-grid>*:nth-child(5){animation-delay:.2s}.item-grid>*:nth-child(6){animation-delay:.25s}.item-grid>*:nth-child(7){animation-delay:.3s}.item-grid>*:nth-child(8){animation-delay:.35s}.item-grid>*:nth-child(9){animation-delay:.4s}.item-grid>*:nth-child(10){animation-delay:.45s}.item-grid>*:nth-child(11){animation-delay:.5s}.item-grid>*:nth-child(12){animation-delay:.55s}.item-grid>*:nth-child(13){animation-delay:.6s}.item-grid>*:nth-child(14){animation-delay:.65s}.item-grid>*:nth-child(15){animation-delay:.7s}.item-grid>*:nth-child(16){animation-delay:.75s}.item-grid>*:nth-child(17){animation-delay:.8s}.item-grid>*:nth-child(18){animation-delay:.85s}.item-grid>*:nth-child(19){animation-delay:.9s}.item-grid>*:nth-child(20){animation-delay:.95s}.item-grid>*:nth-child(21){animation-delay:1s}.item-grid>*:nth-child(22){animation-delay:1.05s}.item-grid>*:nth-child(23){animation-delay:1.1s}.item-grid>*:nth-child(24){animation-delay:1.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.item-grid>*{animation:none}}.item-detail-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.item-detail-modal{background-color:var(--bg-card);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow:visible;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;border:2px solid var(--border-color);display:flex;flex-direction:column}.item-detail-modal:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-lg);z-index:-1;animation:rainbowBorder 3s ease infinite;pointer-events:none}.item-detail-modal:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:calc(var(--radius-lg) - 2px);z-index:-1;pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.item-detail-modal.rarity-common{border-color:var(--rarity-common)}.item-detail-modal.rarity-uncommon{border-color:var(--rarity-uncommon)}.item-detail-modal.rarity-rare{border-color:var(--rarity-rare)}.item-detail-modal.rarity-epic{border-color:var(--rarity-epic)}.item-detail-modal.rarity-legendary{border-color:var(--rarity-legendary)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:100;font-size:var(--font-size-lg)}.modal-close:hover{background-color:var(--accent-danger);color:var(--text-white);transform:scale(1.1)}.modal-close:active{transform:scale(.95)}.modal-back{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);z-index:100;font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);max-width:calc(100% - 120px)}.modal-back:hover{background-color:var(--accent-primary);color:var(--text-white);border-color:var(--accent-primary);transform:translate(-2px)}.modal-back:active{transform:translate(-2px) scale(.98)}.modal-back:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.back-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-text strong{font-weight:var(--font-weight-semibold);color:var(--accent-neon-blue)}.modal-back:hover .back-text strong{color:var(--text-white)}.modal-icon-section{padding:calc(var(--space-2xl) + 40px) var(--space-xl) var(--space-lg);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-card));border-bottom:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;z-index:1;flex-shrink:0}.modal-icon{width:150px;height:150px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative}.modal-icon img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.modal-icon.icon-placeholder{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.modal-icon.icon-placeholder:after{content:"?";font-size:4rem;color:var(--text-muted);font-weight:var(--font-weight-bold)}.item-detail-modal.rarity-common .modal-icon{background:linear-gradient(135deg,#c8c8c866,#9d9d9d40,#78787826)}.item-detail-modal.rarity-uncommon .modal-icon{background:linear-gradient(135deg,#64ff5073,#1eff004d,#00c83233)}.item-detail-modal.rarity-rare .modal-icon{background:linear-gradient(135deg,#32b4ff80,#0070dd59,#0050b440)}.item-detail-modal.rarity-epic .modal-icon{background:linear-gradient(135deg,#c864ff80,#a335ee59,#781ec840)}.item-detail-modal.rarity-legendary .modal-icon{background:linear-gradient(135deg,#ffc83299,#ff800073,#dc50004d)}.modal-header{padding:var(--space-lg) var(--space-xl);text-align:center;border-bottom:1px solid var(--border-color);position:relative;z-index:1;flex-shrink:0}.modal-title{font-size:var(--font-size-2xl);color:var(--text-white);margin:0 0 var(--space-md) 0;font-weight:var(--font-weight-bold)}.modal-rarity{display:inline-block;margin-bottom:var(--space-sm)}.modal-category{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-lookup-path{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);position:relative;z-index:1;flex-shrink:0}.modal-lookup-path.lookup-step-1{background-color:#00ff8814;border-left:4px solid #00ff88}.modal-lookup-path.lookup-step-2{background-color:#00d4ff14;border-left:4px solid #00d4ff}.modal-lookup-path.lookup-step-3{background-color:#ff950014;border-left:4px solid #ff9500}.lookup-badge-large{display:inline-block;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.lookup-badge-large.lookup-step-1{color:#0f8;background-color:#00ff8826;border:1px solid rgba(0,255,136,.3)}.lookup-badge-large.lookup-step-2{color:#00d4ff;background-color:#00d4ff26;border:1px solid rgba(0,212,255,.3)}.lookup-badge-large.lookup-step-3{color:#ff9500;background-color:#ff950026;border:1px solid rgba(255,149,0,.3)}.lookup-description{font-size:var(--font-size-sm);color:var(--text-primary);text-align:center;line-height:1.5}.lookup-description strong{font-weight:var(--font-weight-bold)}.modal-quest-warning{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background-color:#ffc1071a;border-left:4px solid var(--accent-warning);border-bottom:1px solid var(--border-color);position:relative;z-index:1;flex-shrink:0}.warning-icon{color:var(--accent-warning);font-size:var(--font-size-xl);flex-shrink:0;margin-top:4px}.warning-content{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-xs)}.warning-header{display:inline-flex;align-items:center;gap:var(--space-sm)}.warning-header strong,.warning-content strong{color:var(--accent-warning);font-size:var(--font-size-base)}.workshop-warning-note{font-size:.9rem;color:#fffc}.workshop-requirement-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-2xs)}.workshop-requirement-station-title{font-weight:var(--font-weight-semibold);color:#ffffffe6;margin-bottom:var(--space-2xs)}.workshop-requirement-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs);color:#fffc}.workshop-requirement-level{font-weight:var(--font-weight-semibold);color:#ffffffe6}.workshop-requirement-quantity{color:#fffc}.workshop-requirement-spacer{height:var(--space-2xs)}.modal-info{padding:var(--space-xl);position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;flex:1;max-height:calc(90vh - 400px);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-tab-bar{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:var(--space-2xs);margin-bottom:var(--space-lg);gap:var(--space-2xs)}.modal-tab{border:none;background:transparent;color:#ffffffa6;font-size:.9rem;padding:.4rem 1.1rem;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.modal-tab:hover,.modal-tab:focus-visible{color:#ffffffd9;outline:none}.modal-tab.active{background:#ffffff1f;color:#fffffff2;font-weight:var(--font-weight-semibold)}.workshop-requirements-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.workshop-requirement-group{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-md)}.workshop-requirement-group-title{font-weight:var(--font-weight-semibold);color:#ffffffe6;margin-bottom:var(--space-sm)}.workshop-requirement-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs);color:#fffc}.workshop-requirement-group ul li span{color:#ffffffe6}.expedition-requirements-tab{margin-top:var(--space-lg);background:#00d5ff14;border:1px solid rgba(0,213,255,.25);border-radius:var(--radius-md);padding:var(--space-md)}.expedition-title{font-weight:var(--font-weight-semibold);color:#35e1ffe6;margin-bottom:var(--space-xs)}.expedition-line{color:#ffffffd9}.no-requirements{color:#ffffffb3;font-size:.95rem}.modal-info::-webkit-scrollbar{width:0px;background:transparent}.modal-info{scrollbar-width:none;-ms-overflow-style:none}.info-section{margin-bottom:var(--space-xl)}.info-title{font-size:var(--font-size-lg);color:var(--text-white);margin-bottom:var(--space-md);font-weight:var(--font-weight-semibold)}.info-value{font-size:var(--font-size-xl);color:var(--text-primary)}.price-large{color:var(--accent-success);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);display:flex;align-items:center;gap:var(--space-sm)}.currency-icon-large{width:28px;height:28px;object-fit:contain;filter:brightness(1.2)}.recycle-breakdown{display:flex;flex-direction:column;gap:var(--space-md)}.recycle-item-detail{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.recycle-quantity-large{font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);min-width:50px}.recycle-component-large{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);flex:1;text-align:left}.clickable-component{background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);position:relative;display:inline-flex;align-items:center;gap:var(--space-sm)}.clickable-component:after{content:"→";margin-left:var(--space-xs);opacity:0;transition:all var(--transition-fast);color:var(--accent-neon-blue)}.clickable-component:hover{filter:brightness(1.3);transform:translate(4px)}.clickable-component:hover:after{opacity:1;transform:translate(4px)}.clickable-component:active{filter:brightness(.9)}.clickable-component:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.component-icon-small{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);padding:3px;border:1px solid var(--border-color);transition:all var(--transition-fast)}.clickable-component:hover .component-icon-small{border-color:var(--accent-neon-blue);box-shadow:0 0 8px #00d4ff66}.non-clickable{display:inline-flex;align-items:center;gap:var(--space-sm);opacity:.8;cursor:default}.component-name{display:inline-block}.cannot-recycle-message{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-style:italic;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.spawn-locations{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.spawn-location{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.spawn-location:hover{background-color:var(--bg-card);border-color:var(--accent-neon-blue);transform:translateY(-1px);box-shadow:0 2px 8px #00d4ff33}.spawn-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.spawn-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.no-spawn-data{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.scroll-indicator{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#1f1f1ffa,#1f1f1fe6 40%,#1f1f1f00);pointer-events:none;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-md);border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:fadeIn .3s ease-out}.scroll-indicator-text{color:var(--accent-neon-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-shadow:0 0 8px rgba(0,212,255,.6);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.item-detail-overlay{padding:0;align-items:flex-start}.item-detail-modal{max-width:100%;max-height:100vh;width:100%;height:100%;border-radius:0;border:none}.modal-icon-section{padding:calc(var(--space-xl) + 36px) var(--space-md) var(--space-md);border-radius:0}.modal-info{border-radius:0}.modal-icon{width:120px;height:120px}.modal-header{padding:var(--space-md)}.modal-title{font-size:var(--font-size-xl)}.modal-quest-warning{padding:var(--space-lg)}.warning-content{font-size:.85rem}.modal-tab-bar{width:100%;justify-content:space-between}.modal-tab{flex:1;padding:.35rem .75rem}.modal-info{padding:var(--space-lg) var(--space-lg) var(--space-xl);max-height:calc(100vh - 260px)}.info-section{margin-bottom:var(--space-lg)}.modal-close{width:36px;height:36px;font-size:var(--font-size-base)}.modal-back{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);max-width:calc(100% - 90px)}.back-text{max-width:150px}.component-icon-small{width:32px;height:32px}.scroll-indicator{border-radius:0;height:60px}.scroll-indicator-text{font-size:var(--font-size-xs)}}@media (min-width: 769px){.item-detail-overlay{padding:var(--space-2xl)}.item-detail-modal{border-radius:var(--radius-xl)}}.workshop-info-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;margin-top:1.5rem}.workshop-info-section .info-title{display:flex;align-items:center;gap:.5rem}.workshop-info-section .info-subtitle{margin:.25rem 0 1rem;color:#ffffffb3;font-size:.95rem}.workshop-station-list{display:flex;flex-direction:column;gap:1rem}.workshop-station{padding:.75rem .85rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.07)}.workshop-station-title{font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.workshop-level-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.workshop-level-item{font-size:.95rem;color:#ffffffd9;line-height:1.35;word-break:break-word}.workshop-empty{margin:.5rem 0 1rem;color:#ffffffa6;font-size:.95rem}.workshop-attribution{margin-top:1rem;font-size:.85rem;color:#ffffff8c}.workshop-attribution a{color:inherit;text-decoration:underline}@media (max-width: 480px){.workshop-info-section{padding:.85rem 1rem}.workshop-level-item{font-size:.9rem}}@media (max-width: 480px){.modal-info{padding:var(--space-md) var(--space-lg) var(--space-xl);max-height:calc(100vh - 220px)}.workshop-info-section{padding:.85rem 1rem}.workshop-level-item{font-size:.9rem}}.search-bar{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input-wrapper:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-md);z-index:0;opacity:0;transition:opacity var(--transition-fast);animation:rainbowBorder 3s ease infinite;pointer-events:none}.search-input-wrapper:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:calc(var(--radius-md) - 2px);z-index:0;pointer-events:none}.search-input-wrapper:focus-within:before{opacity:1}.search-input-wrapper>*{position:relative;z-index:1}.search-icon{position:absolute;left:var(--space-md);color:var(--text-secondary);font-size:var(--font-size-lg);pointer-events:none;transition:color var(--transition-fast)}.search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) 3rem;font-size:var(--font-size-base);font-family:var(--font-family);background-color:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:transparent}.search-input:focus+.search-icon{color:var(--accent-primary)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:var(--space-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base)}.search-clear:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.search-clear:active{transform:scale(.95)}.search-clear:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.search-input{padding:var(--space-sm) var(--space-sm) var(--space-sm) 2.5rem;font-size:var(--font-size-sm)}.search-icon{left:var(--space-sm);font-size:var(--font-size-base)}.search-clear{width:28px;height:28px;font-size:var(--font-size-sm)}}.rarity-filter{width:100%}.rarity-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.rarity-button{flex:1 1 auto;min-width:100px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;background-color:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:visible;z-index:1}.rarity-button:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-md);z-index:-2;opacity:0;transition:opacity var(--transition-fast);animation:rainbowBorder 3s ease infinite;pointer-events:none}.rarity-button:after{content:"";position:absolute;inset:0;background-color:var(--bg-tertiary);border-radius:calc(var(--radius-md) - 2px);z-index:-1;pointer-events:none;transition:background-color var(--transition-fast)}.rarity-button:hover:before,.rarity-button.active:before{opacity:1}.rarity-button:hover:after,.rarity-button.active:after{background-color:var(--bg-card-hover)}.rarity-button:hover{transform:translateY(-1px)}.rarity-button:active{transform:translateY(0)}.rarity-button:focus{outline:none}.rarity-button:focus-visible{outline:none}.rarity-button.active{font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rarity-button.rarity-common{color:var(--rarity-common)}.rarity-button.rarity-common.active{box-shadow:0 4px 12px #9d9d9d4d}.rarity-button.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-button.rarity-uncommon.active{box-shadow:0 4px 12px #1eff004d}.rarity-button.rarity-rare{color:var(--rarity-rare)}.rarity-button.rarity-rare.active{box-shadow:0 4px 12px #0070dd4d}.rarity-button.rarity-epic{color:var(--rarity-epic)}.rarity-button.rarity-epic.active{box-shadow:0 4px 12px #a335ee4d}.rarity-button.rarity-legendary{color:var(--rarity-legendary)}.rarity-button.rarity-legendary.active{box-shadow:0 4px 12px #ff800066}@media (max-width: 768px){.rarity-buttons{gap:var(--space-xs)}.rarity-button{min-width:80px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}@media (max-width: 600px){.rarity-buttons{flex-direction:column}.rarity-button{width:100%;min-width:0}}.component-filter{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.component-filter-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.component-icon{color:var(--accent-success);font-size:var(--font-size-lg)}.component-label{flex:1}.component-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.component-clear:hover{background-color:var(--bg-tertiary);color:var(--accent-danger)}.component-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative}.component-dropdown[open]{z-index:var(--z-dropdown)}.component-dropdown[open]:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-md);z-index:0;animation:rainbowBorder 3s ease infinite;pointer-events:none}.component-dropdown[open]:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-md) - 2px);z-index:0;pointer-events:none}.component-dropdown>*{position:relative;z-index:1}.dropdown-toggle{padding:var(--space-md);cursor:pointer;user-select:none;font-weight:var(--font-weight-medium);color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between}.dropdown-toggle:hover{background-color:var(--bg-card-hover)}.dropdown-toggle:after{content:"▼";font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.component-dropdown[open] .dropdown-toggle:after{transform:rotate(180deg)}.dropdown-toggle-text.rarity-common{color:var(--rarity-common)}.dropdown-toggle-text.rarity-uncommon{color:var(--rarity-uncommon)}.dropdown-toggle-text.rarity-rare{color:var(--rarity-rare)}.dropdown-toggle-text.rarity-epic{color:var(--rarity-epic)}.dropdown-toggle-text.rarity-legendary{color:var(--rarity-legendary)}.dropdown-content{border-top:1px solid var(--border-color)}.component-search{padding:var(--space-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.component-search-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:var(--font-family);background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.component-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--rarity-rare-alpha)}.component-search-input::placeholder{color:var(--text-muted)}.component-list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);max-height:350px;overflow-y:auto;scroll-behavior:smooth}.component-list::-webkit-scrollbar{width:8px}.component-list::-webkit-scrollbar-track{background:var(--bg-card);border-radius:var(--radius-sm)}.component-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-sm)}.component-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.component-item{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-md);font-family:var(--font-family);background-color:var(--bg-card);color:var(--text-primary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-md)}.component-item:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}.component-item.active{background-color:var(--accent-success);color:var(--bg-primary);border-color:var(--accent-success);font-weight:var(--font-weight-semibold)}.component-item-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.component-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-item.rarity-common .component-name{color:var(--rarity-common)}.component-item.rarity-uncommon .component-name{color:var(--rarity-uncommon)}.component-item.rarity-rare .component-name{color:var(--rarity-rare)}.component-item.rarity-epic .component-name{color:var(--rarity-epic)}.component-item.rarity-legendary .component-name{color:var(--rarity-legendary)}.component-item.active .component-name{color:var(--bg-primary)}.component-item.rarity-common{background:linear-gradient(90deg,rgba(211,211,211,.1) 0%,var(--bg-card) 100%)}.component-item.rarity-uncommon{background:linear-gradient(90deg,rgba(128,128,128,.1) 0%,var(--bg-card) 100%)}.component-item.rarity-rare{background:linear-gradient(90deg,rgba(33,150,243,.1) 0%,var(--bg-card) 100%)}.component-item.rarity-epic{background:linear-gradient(90deg,rgba(156,39,176,.1) 0%,var(--bg-card) 100%)}.component-item.rarity-legendary{background:linear-gradient(90deg,rgba(255,152,0,.1) 0%,var(--bg-card) 100%)}.component-item.rarity-common:hover{background:linear-gradient(90deg,rgba(211,211,211,.15) 0%,var(--bg-card-hover) 100%)}.component-item.rarity-uncommon:hover{background:linear-gradient(90deg,rgba(128,128,128,.15) 0%,var(--bg-card-hover) 100%)}.component-item.rarity-rare:hover{background:linear-gradient(90deg,rgba(33,150,243,.15) 0%,var(--bg-card-hover) 100%)}.component-item.rarity-epic:hover{background:linear-gradient(90deg,rgba(156,39,176,.15) 0%,var(--bg-card-hover) 100%)}.component-item.rarity-legendary:hover{background:linear-gradient(90deg,rgba(255,152,0,.15) 0%,var(--bg-card-hover) 100%)}.no-components{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.component-help-text{font-size:var(--font-size-xs);color:var(--text-muted);margin:0;padding:0 var(--space-xs)}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.dropdown-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width: 768px){.component-filter-header{font-size:var(--font-size-xs)}.dropdown-content{max-height:300px}}.grid-density{display:flex;gap:var(--space-sm);flex-wrap:wrap}.density-button{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:transparent;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:visible;z-index:1}.density-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#ff0080,#ff8c00,#40e0d0);background-size:400% 400%;border-radius:var(--radius-md);z-index:-2;opacity:0;transition:opacity var(--transition-base);animation:rainbowBorder 3s ease infinite;pointer-events:none}.density-button:after{content:"";position:absolute;inset:0;background-color:var(--bg-tertiary);border-radius:calc(var(--radius-md) - 2px);z-index:-1;transition:background-color var(--transition-base);pointer-events:none}.density-button:hover:before,.density-button.active:before{opacity:1}.density-button:hover:after,.density-button.active:after{background-color:var(--bg-card-hover)}.density-button:hover{color:var(--text-white);border-color:transparent}.density-button.active{color:var(--accent-primary);border-color:transparent;box-shadow:0 4px 12px #00d4ff4d}.density-button:active{transform:scale(.98)}.density-button:focus,.density-button:focus-visible{outline:none}.density-icon{font-size:var(--font-size-base);flex-shrink:0}.density-label{white-space:nowrap}@media (max-width: 600px){.grid-density{flex-direction:column}.density-button{min-width:100%}}.value-filter-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-width:160px;justify-content:center}.value-filter-button:before{content:"";position:absolute;inset:-3px;background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#0f0,#00bfff,#8a2be2,#ff0080);background-size:200% 200%;border-radius:var(--radius-md);z-index:-2;animation:rainbowBorder 3s linear infinite;opacity:0;transition:opacity .2s ease;pointer-events:none}.value-filter-button:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-md) - 3px);z-index:-1;transition:background-color .2s ease;pointer-events:none}.value-filter-button:hover:before{opacity:1}.value-filter-button:hover:after{background-color:var(--bg-card-hover)}.value-filter-button:hover{color:var(--text-primary);transform:translateY(-2px)}.value-filter-button.active:before{opacity:1}.value-filter-button.active:after{background-color:var(--bg-card-hover)}.value-filter-button.active{color:var(--text-primary);border-color:transparent}.value-filter-button.active{transform:none}.value-filter-button:focus,.value-filter-button:focus-visible{outline:none;border-color:var(--border-color)}.value-filter-button.active:focus,.value-filter-button.active:focus-visible{border-color:transparent}.value-filter-button:active{transform:translateY(0)}.value-filter-button svg{font-size:1.125rem;flex-shrink:0}@media (max-width: 768px){.value-filter-button{min-width:140px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){.value-filter-button{min-width:120px;padding:var(--space-xs) var(--space-sm)}.value-filter-button span{display:none}.value-filter-button svg{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.value-filter-button,.value-filter-button:before,.value-filter-button:after{transition:none;animation:none}}.most-parts-filter-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-width:160px;justify-content:center}.most-parts-filter-button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.most-parts-filter-button:disabled:hover{transform:none;border-color:var(--border-color)}.most-parts-filter-button:disabled:before{display:none}.most-parts-filter-button:before{content:"";position:absolute;inset:-3px;background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#0f0,#00bfff,#8a2be2,#ff0080);background-size:200% 200%;border-radius:var(--radius-md);z-index:-2;animation:rainbowBorder 3s linear infinite;opacity:0;transition:opacity .2s ease;pointer-events:none}.most-parts-filter-button:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-md) - 3px);z-index:-1;transition:background-color .2s ease;pointer-events:none}.most-parts-filter-button:hover:not(:disabled):before{opacity:1}.most-parts-filter-button:hover:not(:disabled):after{background-color:var(--bg-card-hover)}.most-parts-filter-button:hover:not(:disabled){color:var(--text-primary);transform:translateY(-2px)}.most-parts-filter-button.active:before{opacity:1}.most-parts-filter-button.active:after{background-color:var(--bg-card-hover)}.most-parts-filter-button.active{color:var(--text-primary);border-color:transparent}.most-parts-filter-button.active{transform:none}.most-parts-filter-button:focus,.most-parts-filter-button:focus-visible{outline:none;border-color:var(--border-color)}.most-parts-filter-button.active:focus,.most-parts-filter-button.active:focus-visible{border-color:transparent}.most-parts-filter-button:active:not(:disabled){transform:translateY(0)}.most-parts-filter-button svg{font-size:1.125rem;flex-shrink:0}@media (max-width: 768px){.most-parts-filter-button{min-width:140px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){.most-parts-filter-button{min-width:120px;padding:var(--space-xs) var(--space-sm)}.most-parts-filter-button span{display:none}.most-parts-filter-button svg{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.most-parts-filter-button,.most-parts-filter-button:before,.most-parts-filter-button:after{transition:none;animation:none}}.recycling-steps-filter{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.recycling-steps-filter:disabled{opacity:.5;pointer-events:none}.steps-filter-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.steps-icon{color:var(--accent-neon-purple);font-size:var(--font-size-lg)}.steps-label{flex:1}.steps-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.step-button{min-width:48px;height:40px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;opacity:.6}.step-button:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff);background-size:400% 400%;animation:rainbowBorder 3s ease infinite;border-radius:var(--radius-sm);opacity:0;z-index:-2;transition:opacity var(--transition-fast)}.step-button:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-sm) - 2px);z-index:-1;transition:background-color var(--transition-fast)}.step-button:hover{opacity:.8;color:var(--text-primary)}.step-button:hover:before{opacity:.5}.step-button:hover:after{background-color:var(--bg-card-hover)}.step-button.active{opacity:1;font-weight:var(--font-weight-bold);transform:scale(1.05);box-shadow:0 0 12px #0000004d}.step-button.active:before{opacity:1}.step-button.active:after{background-color:var(--bg-card-hover)}.step-button.step-1.active{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.5)}.step-button.step-2.active{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.5)}.step-button.step-3.active{color:#ffbe0b;text-shadow:0 0 8px rgba(255,190,11,.5)}.step-button:first-child.active{color:var(--text-white);text-shadow:0 0 8px rgba(255,255,255,.3)}.step-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.step-button:focus{outline:none}.step-button:focus-visible:not(:disabled){outline:2px solid var(--accent-primary);outline-offset:2px}.steps-help-text{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.recycling-steps-filter{padding:var(--space-sm)}.steps-buttons{width:100%}.step-button{flex:1;min-width:0}}.info-banner{width:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.info-banner.collapsed{background:var(--bg-secondary)}.info-banner-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.info-banner-toggle:hover{background-color:#ffffff0d;color:var(--text-white)}.info-banner-toggle:focus{outline:none}.info-banner-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.info-icon{font-size:var(--font-size-lg)}.toggle-text{flex:1;text-align:left}.info-banner-content{padding:0 var(--space-lg) var(--space-lg) var(--space-lg);max-height:1000px;opacity:1;transition:all var(--transition-slow);overflow:hidden}.info-banner.collapsed .info-banner-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.info-section{margin-bottom:var(--space-lg)}.info-section:last-child{margin-bottom:0}.info-heading{font-size:var(--font-size-lg);color:var(--text-white);margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold)}.info-subheading{font-size:var(--font-size-base);color:var(--accent-neon-blue);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.info-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.info-text-small{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;margin-bottom:0}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.info-list li:last-child{margin-bottom:0}.info-list strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--bg-card);border:2px solid;flex-shrink:0}.step-badge.step-1{color:#0f8;border-color:#0f8;background:linear-gradient(135deg,#00ff881a,#00ff880d);box-shadow:0 0 8px #00ff884d}.step-badge.step-2{color:#00d4ff;border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);box-shadow:0 0 8px #00d4ff4d}.step-badge.step-3{color:#ffbe0b;border-color:#ffbe0b;background:linear-gradient(135deg,#ffbe0b1a,#ffbe0b0d);box-shadow:0 0 8px #ffbe0b4d}.info-disclaimer{background-color:#ff44440d;border-left:3px solid var(--accent-danger);padding:var(--space-md);border-radius:var(--radius-sm)}.info-disclaimer .info-subheading{color:var(--accent-danger)}.info-feature-preview{background-color:#646cff0d;border-left:3px solid var(--accent-primary);padding:var(--space-md);border-radius:var(--radius-sm)}@media (max-width: 768px){.info-banner-toggle{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.info-banner-content{padding:0 var(--space-md) var(--space-md) var(--space-md)}.info-heading{font-size:var(--font-size-base)}.info-subheading{font-size:var(--font-size-sm)}.info-text{font-size:var(--font-size-xs)}.info-list li{font-size:var(--font-size-xs);gap:var(--space-sm)}.step-badge{width:20px;height:20px;min-width:20px;font-size:.65rem}.info-disclaimer,.info-feature-preview{padding:var(--space-sm)}}@media (max-width: 480px){.info-banner{border-radius:var(--radius-sm)}.info-banner-toggle{padding:var(--space-sm)}.info-banner-content{padding:0 var(--space-sm) var(--space-sm) var(--space-sm)}.info-section{margin-bottom:var(--space-md)}}.legal-page{width:100%;min-height:calc(100vh - 200px);padding:var(--space-xl) var(--space-lg);display:flex;justify-content:center;align-items:flex-start}.legal-container{max-width:900px;width:100%;background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:visible}.legal-container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-lg);z-index:0;animation:rainbowBorder 6s ease infinite;pointer-events:none}.legal-container:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-lg) - 2px);z-index:0;pointer-events:none}.legal-container>*{position:relative;z-index:1}.legal-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--border-color)}.legal-header h1{font-size:2.5rem;color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-weight:700}.legal-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.legal-content{line-height:1.8;color:var(--text-primary)}.legal-section{margin-bottom:var(--space-2xl)}.legal-section:last-of-type{margin-bottom:var(--space-xl)}.legal-section h2{font-size:1.75rem;color:var(--text-primary);margin:0 0 var(--space-md) 0;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-sm)}.legal-section h3{font-size:1.25rem;color:var(--text-primary);margin:var(--space-lg) 0 var(--space-sm) 0;font-weight:600}.legal-section p{margin:var(--space-md) 0;color:var(--text-secondary)}.legal-note{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic;margin:var(--space-xs) 0 var(--space-md) 0}.placeholder-content{background-color:#ffbe0b0d;border-left:4px solid var(--accent-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin:var(--space-md) 0}.placeholder-content p{margin:var(--space-sm) 0;color:var(--text-primary);font-family:Courier New,monospace}.placeholder-content strong{color:var(--accent-primary);font-weight:600}.legal-link{color:var(--accent-primary);text-decoration:underline;transition:color .2s ease}.legal-link:hover{color:var(--accent-secondary)}.legal-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.legal-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.legal-footer-note{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.language-link{color:var(--accent-primary);text-decoration:underline;transition:color .2s ease}.language-link:hover{color:var(--accent-secondary)}.language-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.legal-section ul,.legal-section ol{margin:var(--space-md) 0;padding-left:var(--space-xl);color:var(--text-secondary)}.legal-section li{margin:var(--space-sm) 0}.legal-section .index{list-style:none;padding-left:0;margin:var(--space-lg) 0;background-color:#00d4ff0d;border-left:3px solid var(--accent-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md)}.legal-section .index li{margin:var(--space-xs) 0}.index-link{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.index-link:hover{color:var(--accent-secondary);text-decoration:underline}.index-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.m-elements{list-style:none;padding-left:0;margin:var(--space-lg) 0}.m-elements li{margin:var(--space-lg) 0;padding:var(--space-md);background-color:#1f1f1f80;border-radius:var(--radius-md);border-left:3px solid var(--border-color)}.m-elements li strong{color:var(--accent-primary);display:block;margin-bottom:var(--space-xs)}.seal{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);text-align:center}.seal a{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none}.seal a:hover{color:var(--text-secondary);text-decoration:underline}@media (max-width: 768px){.legal-page{padding:var(--space-lg) var(--space-md)}.legal-container{padding:var(--space-xl)}.legal-header h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.125rem}.placeholder-content{padding:var(--space-sm) var(--space-md)}}@media (max-width: 480px){.legal-page{padding:var(--space-md) var(--space-sm)}.legal-container{padding:var(--space-lg)}.legal-header h1{font-size:1.75rem}.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1rem}.back-to-app{min-width:150px;font-size:var(--font-size-sm)}}@media print{.legal-container:before,.legal-container:after{display:none}.legal-footer{display:none}.legal-page{padding:0}.legal-container{box-shadow:none;border:1px solid #000}.legal-section{page-break-inside:avoid}}@media (prefers-contrast: high){.placeholder-content{border-left-width:6px;background-color:#ffbe0b26}.legal-link,.language-link{text-decoration:underline;text-decoration-thickness:2px}}@media (prefers-reduced-motion: reduce){.legal-container:before{animation:none;background:var(--accent-primary)}}.changelog-page{width:100%;min-height:calc(100vh - 200px);padding:var(--space-xl) var(--space-lg);display:flex;justify-content:center;align-items:flex-start}.changelog-container{max-width:900px;width:100%;background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:visible}.changelog-container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-lg);z-index:0;animation:rainbowBorder 6s ease infinite;pointer-events:none}.changelog-container:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-lg) - 2px);z-index:0;pointer-events:none}.changelog-container>*{position:relative;z-index:1}.changelog-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--border-color)}.changelog-header h1{font-size:2.5rem;color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-weight:700}.changelog-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.changelog-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.changelog-entry{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform .2s ease,box-shadow .2s ease}.changelog-entry:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-sm)}.version-number{font-size:1.75rem;color:var(--accent-primary);margin:0;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-date{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.changes-list{display:flex;flex-direction:column;gap:var(--space-lg)}.change-group{border-left:3px solid var(--border-color);padding-left:var(--space-lg);transition:border-color .2s ease}.change-group:hover{border-left-color:var(--accent-primary)}.change-group.change-green{border-left-color:#0f8}.change-group.change-blue{border-left-color:#00d4ff}.change-group.change-red{border-left-color:#ff006e}.change-group.change-purple{border-left-color:#b829ff}.change-group.change-gray{border-left-color:var(--text-muted)}.change-group.change-orange{border-left-color:#ffbe0b}.change-group.change-yellow{border-left-color:gold}.change-type-title{font-size:1.125rem;color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.change-icon{font-size:1.25rem}.change-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.change-items li{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;padding-left:var(--space-md);position:relative}.change-items li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.changelog-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.back-to-app{min-width:200px;text-align:center}.changelog-note{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;text-align:center}.changelog-link{color:var(--accent-primary);text-decoration:underline;transition:color .2s ease}.changelog-link:hover{color:var(--accent-secondary)}.changelog-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}@media (max-width: 768px){.changelog-page{padding:var(--space-lg) var(--space-md)}.changelog-container{padding:var(--space-xl)}.changelog-header h1{font-size:2rem}.version-header{flex-direction:column;align-items:flex-start}.version-number{font-size:1.5rem}.changelog-entry{padding:var(--space-lg)}.change-group{padding-left:var(--space-md)}}@media (max-width: 480px){.changelog-page{padding:var(--space-md) var(--space-sm)}.changelog-container{padding:var(--space-lg)}.changelog-header h1{font-size:1.75rem}.changelog-subtitle{font-size:var(--font-size-base)}.version-number{font-size:1.25rem}.changelog-entry{padding:var(--space-md)}.change-type-title{font-size:1rem}.change-items li{font-size:var(--font-size-sm)}.back-to-app{min-width:150px;font-size:var(--font-size-sm)}}@media print{.changelog-container:before,.changelog-container:after{display:none}.changelog-footer{display:none}.changelog-page{padding:0}.changelog-container{box-shadow:none;border:1px solid #000}.changelog-entry{page-break-inside:avoid}}@media (prefers-contrast: high){.change-group{border-left-width:4px}.change-items li:before{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.changelog-container:before{animation:none;background:var(--accent-primary)}.changelog-entry{transition:none}.changelog-entry:hover{transform:none}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.not-found-container{max-width:600px;width:100%;text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border-radius:16px;position:relative;z-index:1}.not-found-container:before{content:"";position:absolute;inset:0;border-radius:16px;padding:3px;background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#0f0,#00bfff,#8a2be2,#ff0080);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rainbowBorder 3s linear infinite;background-size:200% 200%;pointer-events:none;z-index:-1}.not-found-icon{font-size:5rem;color:#ff8c00;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.not-found-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.not-found-message{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.not-found-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;position:relative;min-width:160px;justify-content:center}.not-found-button.primary{background:var(--accent-primary);color:var(--text-primary);border:2px solid var(--accent-primary)}.not-found-button.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #007bff4d}.not-found-button.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.not-found-button.secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.not-found-button:active{transform:translateY(0)}.not-found-suggestions{border-top:1px solid var(--border-color);padding-top:2rem;margin-top:2rem}.suggestions-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.suggestions-list li{margin:0}.suggestions-list a{display:inline-block;color:var(--accent-primary);text-decoration:none;font-size:1rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.suggestions-list a:hover{background:var(--bg-card-hover);color:var(--accent-hover);transform:translate(4px)}@media (max-width: 768px){.not-found-page{padding:1rem}.not-found-container{padding:2rem 1.5rem}.not-found-icon{font-size:4rem}.not-found-title{font-size:2rem}.not-found-message{font-size:1rem}.not-found-actions{flex-direction:column;gap:.75rem}.not-found-button{width:100%;min-width:unset}}@media (max-width: 480px){.not-found-title{font-size:1.75rem}.not-found-icon{font-size:3rem}}.not-found-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.suggestions-list a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;background:var(--bg-card-hover)}@media (prefers-reduced-motion: reduce){.not-found-container:before{animation:none}.not-found-icon{animation:none}.not-found-button,.suggestions-list a{transition:none}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-white);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.app{width:100%;max-width:var(--max-width-container);margin:0 auto;padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.app-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;background-color:var(--bg-primary);z-index:500;backdrop-filter:blur(10px);background-color:#121212f2}main{padding-top:80px}.app-header:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 100%;animation:rainbowBorder 3s ease infinite;pointer-events:none}.header-content{max-width:var(--max-width-container);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.header-title-link{text-decoration:none;transition:opacity .2s ease}.header-title-link:hover{opacity:.8}.header-title-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:var(--radius-sm)}.app-title{font-size:1.5rem;background:linear-gradient(135deg,var(--accent-neon-blue),var(--accent-neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.feedback-btn{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);position:relative;overflow:visible;min-width:40px;min-height:40px}.feedback-btn:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-md);z-index:-2;opacity:0;animation:rainbowBorder 6s ease infinite;pointer-events:none;transition:opacity .2s ease}.feedback-btn:after{content:"";position:absolute;inset:0;background-color:var(--bg-card);border-radius:calc(var(--radius-md) - 2px);z-index:-1;pointer-events:none}.feedback-btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-primary)}.feedback-btn:hover:before{opacity:1}.feedback-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes rainbowBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.filters-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-md);position:relative;overflow:visible}.filters-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00d4ff,#b829ff,#ff006e,#ffbe0b,#0f8,#00d4ff,#00d4ff);background-size:400% 400%;border-radius:var(--radius-lg);z-index:0;animation:rainbowBorder 3s ease infinite;pointer-events:none}.filters-section:after{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:calc(var(--radius-lg) - 2px);z-index:0;pointer-events:none}.filters-section>*{position:relative;z-index:1}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);gap:var(--space-md);min-height:44px}.filters-title{font-size:var(--font-size-xl);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.filters-reset{white-space:nowrap}.filter-group{margin-bottom:var(--space-lg)}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.filter-label-hint{margin-left:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-tertiary);text-transform:none;letter-spacing:0;opacity:.7}.filter-buttons-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.filter-efficiency-hint{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#ffd7001a;border-left:3px solid #ffd700;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);gap:var(--space-md)}.results-count{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-medium)}.results-count span{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.results-filtered{color:var(--accent-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.results-info{font-size:var(--font-size-sm);color:var(--accent-success);font-weight:var(--font-weight-medium)}.results-info strong.rarity-common{color:var(--rarity-common)}.results-info strong.rarity-uncommon{color:var(--rarity-uncommon)}.results-info strong.rarity-rare{color:var(--rarity-rare)}.results-info strong.rarity-epic{color:var(--rarity-epic)}.results-info strong.rarity-legendary{color:var(--rarity-legendary)}.loading-container,.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.loading-spinner{display:inline-block;width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.3}.empty-state-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-message{font-size:var(--font-size-base);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background-color:var(--bg-tertiary);color:var(--text-primary)}.btn:hover{background-color:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--accent-primary);color:var(--text-white);border-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-secondary);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:transparent;border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover)}.input,.select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:var(--font-family);background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus,.select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--rarity-rare-alpha)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width: 768px){.app{padding:var(--space-md)}.app-header{padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.app-header{padding:var(--space-sm) var(--space-md)}.header-content{gap:var(--space-sm)}.app-title{font-size:1.25rem}.header-actions{gap:var(--space-sm)}.feedback-btn{font-size:1rem;min-width:36px;min-height:36px;padding:var(--space-xs)}main{padding-top:70px}.filters-section{padding:var(--space-lg);margin-bottom:var(--space-xl)}.results-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 480px){.app{padding:var(--space-sm)}.app-header{padding:var(--space-xs) var(--space-sm)}.app-title{font-size:1rem}.filters-section{padding:var(--space-md)}main{padding-top:60px}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}