:root{--color-bg:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text:#1a202c;--color-text-light:#718096;--color-primary:#3182ce;--color-primary-light:#63b3ed;--color-success:#38a169;--color-warning:#d69e2e;--color-error:#e53e3e;--color-gray-50:#f7fafc;--color-gray-100:#edf2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius:0.5rem;--radius-sm:0.25rem;--radius-lg:0.75rem;--shadow-sm:0 1px 3px 0 #0000001a;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition:0.2s ease;color-scheme:light}.dark-theme{--color-bg:#1a202c;--color-surface:#2d3748;--color-border:#4a5568;--color-text:#f7fafc;--color-text-light:#a0aec0;--color-primary:#63b3ed;--color-primary-light:#90cdf4;--color-gray-50:#2d3748;--color-gray-100:#4a5568;--color-gray-200:#718096;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-bg);color:#1a202c;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6}a{color:#3182ce;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);line-height:1;transition:.2s ease;transition:var(--transition)}.btn{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:.2s ease}.btn-primary{background-color:#3182ce}.btn-primary:hover{background-color:#63b3ed;background-color:var(--color-primary-light)}.btn-secondary{background-color:#f8fafc;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#1a202c;color:var(--color-text)}.btn-secondary:hover{background-color:#f7fafc;background-color:var(--color-gray-50)}.card{box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-6)}.card,input,select,textarea{background-color:#fff;background-color:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius)}input,select,textarea{color:#1a202c;color:var(--color-text);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);transition:.2s ease;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:#3182ce;border-color:var(--color-primary);box-shadow:0 0 0 3px #3182ce1a;outline:none}.container{padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-center{text-align:center}.loading,.text-light{color:#718096;color:var(--color-text-light)}.loading{align-items:center;display:flex;justify-content:center;padding:2rem;padding:var(--spacing-8)}.hidden{display:none}.no-animations *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--spacing-3)}h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}h3{font-size:1.125rem;font-size:var(--font-size-lg)}}.header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.logo{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.logo,.logo:hover{text-decoration:none}.logo:hover{opacity:.8}.nav{align-items:center;display:flex;gap:var(--spacing-6)}.nav-link{color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--spacing-2) 0;transition:var(--transition)}.nav-link:hover{color:var(--color-primary);text-decoration:none}.nav-link.logout,.nav-link.logout:hover{color:var(--color-error)}.nav-link.logout:hover{opacity:.8}@media (max-width:768px){.header-content{height:56px;padding:0 var(--spacing-3)}.logo{font-size:var(--font-size-lg)}.nav{gap:var(--spacing-4)}.nav-link{font-size:var(--font-size-sm)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-light);margin-top:auto;padding:var(--spacing-4);text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-1)}.navbar{background:#fff;border-radius:12px;overflow:hidden}.navbar-content{-ms-overflow-style:none;display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.navbar-content::-webkit-scrollbar{display:none}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.nav-tab:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:#f8fafc;color:#374151}.nav-tab.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom-color:#667eea;color:#667eea;font-weight:600}.nav-tab.active:before{display:none}.nav-tab.active{animation:activeTab .3s ease-in-out}@keyframes activeTab{0%{background:#f8fafc;transform:translateY(2px)}to{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(0)}}@media (max-width:768px){.nav-tab{font-size:.875rem;padding:.75rem 1rem}}.modal-backdrop{align-items:center;background:#0000002e;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background .2s;width:100vw;z-index:var(--z-modal-backdrop)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);max-height:90vh;max-width:95vw;min-width:320px;overflow:auto;padding:2.2rem 1.5rem 1.5rem;position:relative;transition:background .2s,color .2s;z-index:var(--z-modal)}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.modal-close{background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:2rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--color-error)}.item-form{gap:1.5rem;margin:0 auto;max-width:500px}.form-field,.item-form{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-label{color:var(--color-text);font-size:.9rem;font-weight:600}.required{color:#ef4444;color:var(--color-error,#ef4444);margin-left:2px}.form-input,.form-select{background:#fff;background:var(--color-input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text);font-size:.9rem;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{cursor:pointer}.form-error{color:#ef4444;color:var(--color-error,#ef4444);font-size:.8rem;margin-top:.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn{border-radius:8px;border-radius:var(--radius-md,8px);font-size:.9rem;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#3b82f6;background:var(--color-primary,#3b82f6)}.btn-primary:hover{background:#2563eb;background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.btn-secondary{background:#6b7280;background:var(--color-secondary,#6b7280);color:#fff}.btn-secondary:hover{background:#4b5563;background:var(--color-secondary-hover,#4b5563)}.enchantment-grid{grid-gap:.75rem;background:#f9fafb;background:var(--color-bg-alt,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:.75rem}.enchant-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.enchant-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex:1 1;font-size:.8rem;text-transform:capitalize}.enchant-input{background:#fff;background:var(--color-input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--color-text);font-size:.8rem;padding:.25rem .5rem;text-align:center;width:60px}.enchant-input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}@media (max-width:640px){.item-form{max-width:none}.form-row{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}.enchantment-grid{grid-template-columns:1fr}}.modal-content{max-height:80vh;overflow-y:auto}@media (prefers-color-scheme:dark){.form-input,.form-select{background:#374151;background:var(--color-input-bg-dark,#374151);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}.enchantment-grid,.form-input,.form-select{border-color:#4b5563;border-color:var(--color-border-dark,#4b5563)}.enchantment-grid{background:#1f2937;background:var(--color-bg-alt-dark,#1f2937)}.enchant-input{background:#374151;background:var(--color-input-bg-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#f9fafb;color:var(--color-text-dark,#f9fafb)}}.form-error{animation:fadeInError .3s ease-in-out}@keyframes fadeInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-loading .btn{cursor:not-allowed;opacity:.7}.form-loading .btn-primary:after{animation:loading 1s infinite;content:" ..."}@keyframes loading{0%,33%{content:" ."}34%,66%{content:" .."}67%,to{content:" ..."}}.item-tooltip-overlay{align-items:center;animation:tooltipOverlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.item-tooltip-container{animation:tooltipScaleIn .3s cubic-bezier(.175,.885,.32,1.275);background:#2d3748;border:2px solid #4a5568;border-radius:12px;box-shadow:0 20px 40px #0006;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:80vh;max-width:400px;overflow-y:auto;position:relative}.tooltip-header{align-items:flex-start;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:1px solid #4a5568;border-radius:10px 10px 0 0;display:flex;padding:16px}.tooltip-item-icon{flex-shrink:0;margin-right:12px;position:relative}.tooltip-item-image{background:#0000004d;border:1px solid #4a5568;border-radius:6px;height:48px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain;width:48px}.tooltip-item-image.enchanted{animation:enchantedGlow 2s ease-in-out infinite alternate;filter:url(#enchanted-glint) drop-shadow(0 0 8px rgba(138,43,226,.6))}.item-stars{background:#1a202c;border:1px solid #4a5568;border-radius:4px;bottom:-4px;color:gold;font-size:10px;font-weight:600;padding:2px 4px;position:absolute;right:-4px}.tooltip-item-info{flex:1 1;min-width:0}.tooltip-item-name{word-wrap:break-word;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:4px;text-shadow:0 1px 2px #00000080}.tooltip-item-rarity{color:#a0aec0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tooltip-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.tooltip-close-button:hover{background:#fff3;transform:scale(1.1)}.tooltip-content{color:#fff;padding:0 16px 16px}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.section-divider{background:linear-gradient(90deg,#0000,#4a5568 50%,#0000);height:1px;margin:8px 0}.stats-section .stat-line{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:2px 0}.stat-name{color:#cbd5e0;font-weight:500}.stat-value{font-family:Courier New,monospace}.enchantments-section .enchantment-line,.gems-section .gem-line{font-size:12px;font-weight:500;padding:1px 0}.lore-section{font-size:13px;line-height:1.4}.lore-line{word-wrap:break-word;font-weight:500;margin:2px 0}.lore-line:empty{height:6px}.info-section .info-line{font-size:12px;padding:1px 0}.info-line.item-id{font-family:Courier New,monospace;opacity:.7}.pack-section{margin-top:8px}.pack-credit{align-items:center;background:#0003;border:1px solid #4a5568;border-radius:6px;display:flex;padding:8px}.pack-icon{border-radius:3px;height:24px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin-right:8px;width:24px}.pack-info{flex:1 1}.pack-name{color:#fff;font-size:12px;font-weight:600}.pack-author{color:#a0aec0;font-size:11px}@keyframes tooltipOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tooltipScaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes enchantedGlow{0%{filter:url(#enchanted-glint) drop-shadow(0 0 8px rgba(138,43,226,.6))}to{filter:url(#enchanted-glint) drop-shadow(0 0 12px rgba(138,43,226,.8))}}.item-tooltip-container::-webkit-scrollbar{width:6px}.item-tooltip-container::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.item-tooltip-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.item-tooltip-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.item-tooltip-container{margin:20px;max-height:90vh;max-width:90vw}.tooltip-header{padding:12px}.tooltip-content{padding:0 12px 12px}}@media (max-width:480px){.item-tooltip-container{margin:10px;max-height:95vh;max-width:95vw}.tooltip-item-name{font-size:14px}.tooltip-item-image{height:40px;width:40px}}.enchanted-glint-filter{height:0;pointer-events:none;position:absolute;width:0}@media (prefers-color-scheme:dark){.item-tooltip-container{border-color:#2d3748}.pack-credit{background:#ffffff0d}}@media (prefers-contrast:high){.item-tooltip-container{border-width:3px;box-shadow:0 0 0 1px #fff}.section-divider{background:#fff;height:2px}}@media (prefers-reduced-motion:reduce){.item-tooltip-container,.item-tooltip-overlay,.tooltip-close-button,.tooltip-item-image.enchanted{animation:none}.tooltip-close-button:hover{transform:none}}.enhanced-item-display{padding:16px;position:relative;width:100%}.enhanced-item-display.empty{color:#718096;padding:64px 32px;text-align:center}.empty-message h3{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.empty-message p{color:#718096;font-size:14px;margin:0}.enhanced-item-grid{grid-gap:8px;display:grid;gap:8px}.enhanced-item-card{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.enhanced-item-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px) scale(1.02);z-index:10}.enhanced-item-card:active{transform:translateY(-1px) scale(1.01)}.enhanced-item-card.selected{background:#ebf8ff;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1,0 4px 12px #4299e133}.enhanced-item-card.state-owned{background:#f0fff4;border-color:#48bb78}.enhanced-item-card.state-owned:hover{background:#c6f6d5;border-color:#38a169;box-shadow:0 4px 12px #48bb784d}.enhanced-item-card.state-hypothetical{background:#fffaf0;border-color:#ed8936}.enhanced-item-card.state-hypothetical:hover{background:#fed7aa;border-color:#dd6b20;box-shadow:0 4px 12px #ed89364d}.enhanced-item-card.state-unavailable{background:#f7fafc;border-color:#cbd5e0;opacity:.7}.enhanced-item-card.state-unavailable:hover{background:#edf2f7;border-color:#a0aec0;opacity:.9}.enhanced-item-card.rarity-common{border-bottom:3px solid #718096}.enhanced-item-card.rarity-uncommon{border-bottom:3px solid #48bb78;box-shadow:0 0 6px #48bb7833}.enhanced-item-card.rarity-rare{border-bottom:3px solid #4299e1;box-shadow:0 0 8px #4299e140}.enhanced-item-card.rarity-epic{border-bottom:3px solid #9f7aea;box-shadow:0 0 10px #9f7aea4d}.enhanced-item-card.rarity-legendary{border-bottom:3px solid #ed8936;box-shadow:0 0 12px #ed893659}.enhanced-item-card.rarity-mythic{background:linear-gradient(135deg,#fff,#fff5f5);border-bottom:3px solid #f56565;box-shadow:0 0 14px #f5656566}.enhanced-item-card.rarity-divine{background:linear-gradient(135deg,#fff,#f0fdfa);border-bottom:3px solid #38b2ac;box-shadow:0 0 14px #38b2ac66}.enhanced-item-card.rarity-special{background:linear-gradient(135deg,#fff,#fffef0);border-bottom:3px solid #d69e2e;box-shadow:0 0 14px #d69e2e66}.enhanced-item-card.rarity-very_special{background:linear-gradient(135deg,#fff,#fff5f5);border-bottom:3px solid #e53e3e;box-shadow:0 0 16px #e53e3e73}.enhanced-item-image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.enhanced-item-image{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:contrast(1.08) saturate(1.05) brightness(1.02);object-fit:contain;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:2}.enhanced-item-image,.lazy-image-container{border-radius:6px;height:80%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transform:translateZ(0) scale(1);width:80%;will-change:transform,filter}.lazy-image-loading:before{border-top-color:#4299e1;height:12px;width:12px}.lazy-image-error{font-size:10px}.lazy-image-error:before{font-size:12px;margin-right:2px}.lazy-image{border-radius:6px;filter:contrast(1.08) saturate(1.05) brightness(1.02);object-fit:contain;position:relative;z-index:2}.enhanced-item-image.enchanted{filter:contrast(1.12) saturate(1.1) brightness(1.05) drop-shadow(0 0 6px rgba(138,43,226,.6))}.enchanted-glint-overlay{animation:enchantedGlint 2s ease-in-out infinite;background:linear-gradient(45deg,#fff0 30%,#ffffff4d 50%,#fff0 70%);border-radius:6px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.rarity-shine{animation:rarityShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);border-radius:12px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:1}.enhanced-item-card:hover .enhanced-item-image{filter:contrast(1.15) saturate(1.1) brightness(1.08) drop-shadow(0 0 8px rgba(255,255,255,.4));transform:translateZ(0) scale(1.1)}.enhanced-item-card:hover .enhanced-item-image.enchanted{filter:contrast(1.18) saturate(1.15) brightness(1.1) drop-shadow(0 0 10px rgba(138,43,226,.8))}.enhanced-item-badge{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px;z-index:5}.enhanced-item-badge.state-owned{background:#48bb78}.enhanced-item-badge.state-hypothetical{background:#ed8936}.enhanced-item-count{background:#2d3748;border:2px solid #fff;border-radius:6px;bottom:-2px;color:#fff;font-size:10px;min-width:16px;padding:2px 5px;right:-2px;text-align:center}.enhanced-item-count,.enhanced-item-stars{box-shadow:0 2px 4px #0003;font-weight:700;position:absolute;z-index:5}.enhanced-item-stars{background:linear-gradient(135deg,#1a202c,#2d3748);border:1px solid #4a5568;border-radius:6px;color:gold;font-size:8px;left:-2px;padding:2px 4px;text-shadow:0 1px 2px #00000080;top:-2px}@keyframes enchantedGlint{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes rarityShine{0%,to{opacity:.3;transform:rotate(0deg) scale(1)}50%{opacity:.6;transform:rotate(180deg) scale(1.05)}}.enhanced-item-card.state-hypothetical .enhanced-item-image{animation:enhancedShimmer 3s ease-in-out infinite}.enhanced-item-card.state-hypothetical:hover .enhanced-item-image{animation:none}@keyframes enhancedShimmer{0%,to{filter:contrast(1.08) saturate(1.05) brightness(1.02) drop-shadow(0 0 4px rgba(237,137,54,.3))}50%{filter:contrast(1.12) saturate(1.08) brightness(1.05) drop-shadow(0 0 6px rgba(237,137,54,.4))}}.enhanced-item-card.selected .enhanced-item-image{animation:enhancedPulse 2s ease-in-out infinite}@keyframes enhancedPulse{0%,to{filter:contrast(1.12) saturate(1.15) brightness(1.05) drop-shadow(0 0 8px rgba(66,153,225,.6))}50%{filter:contrast(1.18) saturate(1.2) brightness(1.08) drop-shadow(0 0 12px rgba(66,153,225,.8))}}@media (max-width:768px){.enhanced-item-display{padding:12px}.enhanced-item-grid{gap:6px}.enhanced-item-card{padding:6px}.enhanced-tooltip{min-width:160px;padding:8px}}@media (max-width:480px){.enhanced-item-display{padding:8px}.enhanced-item-grid{gap:4px}.enhanced-item-card{padding:4px}.enhanced-tooltip{left:50%;max-width:280px;position:fixed;top:50%;transform:translate(-50%,-50%)}.enhanced-tooltip:before{display:none}}.item-edit-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.item-edit-popup{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;box-shadow:0 20px 40px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.popup-header{background:#2a2a2a;background:var(--card-background,#2a2a2a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);justify-content:space-between;padding:20px}.item-info,.popup-header{align-items:center;display:flex}.item-info{gap:12px}.item-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:48px;object-fit:contain;width:48px}.popup-header h2{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:6px;color:#999;color:var(--text-secondary,#999);cursor:pointer;padding:8px;transition:all .2s ease}.close-button:hover{background:#333;background:var(--card-hover,#333);color:#fff;color:var(--text-primary,#fff)}.popup-tabs{background:#2a2a2a;background:var(--card-background,#2a2a2a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#999;color:var(--text-secondary,#999);flex:1 1}.tab-button:hover{background:#333;background:var(--card-hover,#333);color:#fff;color:var(--text-primary,#fff)}.tab-button.active{background:#4caf501a;background:var(--accent-background,#4caf501a);border-bottom-color:#4caf50;border-bottom-color:var(--accent-color,#4caf50);color:#4caf50;color:var(--accent-color,#4caf50)}.popup-content{flex:1 1;overflow-y:auto;padding:20px}.tab-content{animation:fadeIn .2s ease}.form-row{gap:16px;margin-bottom:16px}.form-row.checkbox-row{align-items:center}.form-group input.error,.form-group select.error{border-color:#f44336;border-color:var(--error-color,#f44336)}.error-text{color:#f44336;color:var(--error-color,#f44336);font-size:12px;font-weight:500}.checkbox-group,.checkbox-group label{align-items:center;display:flex;gap:8px}.checkbox-group label{color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:14px;font-weight:500}.checkbox-group input[type=checkbox]{accent-color:#4caf50;accent-color:var(--accent-color,#4caf50);cursor:pointer;height:18px;width:18px}.attributes-grid,.enchantments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.attribute-item,.enchantment-item{display:flex;flex-direction:column;gap:6px}.attribute-item label,.enchantment-item label{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:500}.attribute-item input,.enchantment-item input{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-size:13px;padding:8px 10px}.popup-footer{align-items:center;background:#2a2a2a;background:var(--card-background,#2a2a2a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:20px}.left-buttons,.right-buttons{display:flex;gap:12px}.popup-footer button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.delete-button{background:#f44336;background:var(--error-color,#f44336);color:#fff}.delete-button:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-1px)}.cancel-button{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);color:#fff;color:var(--text-primary,#fff)}.cancel-button:hover{background:#444;background:var(--card-hover,#444);border-color:#666;border-color:var(--border-hover,#666)}.save-button{background:#4caf50;background:var(--accent-color,#4caf50);color:#fff}.save-button:hover{background:#66bb6a;background:var(--accent-hover,#66bb6a);transform:translateY(-1px)}@media (max-width:768px){.item-edit-popup{max-height:95vh;width:95%}.popup-content,.popup-header{padding:16px}.popup-footer{flex-direction:column;gap:12px;padding:16px}.left-buttons,.right-buttons{justify-content:center;width:100%}.form-row{flex-direction:column;gap:12px}.attributes-grid,.enchantments-grid{grid-template-columns:1fr}.popup-tabs{flex-wrap:wrap}.tab-button{flex:1 1;min-width:80px}}@media (max-width:480px){.popup-header h2{font-size:18px}.item-icon{height:40px;width:40px}.tab-button{font-size:12px;padding:10px 12px}}.tools-section-wrapper{margin:0;padding:0}.tools-section.error{padding:40px 20px;text-align:center}.error-message{background:#f443361a;background:var(--error-background,#f443361a);border:1px solid #f44336;border:1px solid var(--error-color,#f44336);border-radius:8px;margin:0 auto;max-width:400px;padding:20px}.error-message h3{color:#f44336;color:var(--error-color,#f44336);font-size:18px;font-weight:600;margin:0 0 8px}.error-message p{color:#999;color:var(--text-secondary,#999);font-size:14px;margin:0}.tools-grid-section{margin-top:0}@media (max-width:768px){.tools-section-wrapper{padding:0}}@media (max-width:480px){.tools-section-wrapper{padding:0}}.accessories-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin:16px 0;overflow:hidden;padding:0}.accessories-section.modern{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0}.accessories-section.error{background:#fed7d7;border:1px solid #fc8181}.profile-error-state{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:12px;color:#c53030;margin:24px;padding:48px 32px;text-align:center}.profile-error-state .error-icon{font-size:48px;margin-bottom:16px}.profile-error-state h3{color:#c53030;font-size:24px;font-weight:600;margin:0 0 16px}.profile-error-state p{color:#702459;font-size:16px;line-height:1.5;margin:16px 0}.profile-error-state ul{color:#702459;margin:16px auto;max-width:400px;text-align:left}.profile-error-state li{margin:8px 0}.error-message{color:#c53030;font-weight:600;padding:24px;text-align:center}.section-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.header-left{align-items:center;display:flex;gap:24px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:24px;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:12px}.enhanced-summary{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:transform .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card.primary{border-color:#667eea;box-shadow:0 1px 3px #667eea33}.card-header h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.progress-ring{margin-bottom:16px}.progress-circle{align-items:center;background:conic-gradient(#667eea 0deg,#667eea calc(var(--progress)*3.6deg),#e2e8f0 calc(var(--progress)*3.6deg),#e2e8f0 1turn);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.progress-circle:before{background:#fff;border-radius:50%;content:"";height:60px;position:absolute;width:60px}.progress-text{color:#2d3748;font-size:16px;font-weight:700;position:relative;z-index:1}.progress-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.detail-row span:first-child{color:#718096}.detail-row span:last-child{color:#2d3748;font-weight:600}.large-stat{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.stat-breakdown{display:flex;flex-direction:column;gap:8px}.rarity-stat{align-items:center;display:flex;font-size:14px;gap:8px}.rarity-stat .rarity-label{border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.rarity-stat.common .rarity-label{background:#9ca3af}.rarity-stat.uncommon .rarity-label{background:#10b981}.rarity-stat.rare .rarity-label{background:#3b82f6}.rarity-stat.epic .rarity-label{background:#8b5cf6}.rarity-stat.legendary .rarity-label{background:#f59e0b}.rarity-stat.mythic .rarity-label{background:#ec4899}.tuning-stats{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.tuning-header{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.tuning-power{color:#2d3748;font-size:13px;font-weight:500;margin-bottom:2px;text-transform:capitalize}.tuning-bonuses{margin-top:8px}.tuning-stat{color:#4a5568;display:flex;font-size:12px;justify-content:space-between;margin-bottom:2px}.tuning-stat .stat-name{text-transform:capitalize}.tuning-stat .stat-value{color:#38a169;font-weight:600}.tuning-powers{display:flex;flex-direction:column;gap:8px}.tab-navigation{background:#fff;padding:24px 24px 0}.tab-buttons{display:flex;gap:8px;margin-bottom:16px}.tab-button{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.tab-button.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.tab-button:hover:not(.active){background:#edf2f7;border-color:#cbd5e0;color:#4a5568}.tab-count,.tab-label{font-weight:600}.tab-count{background:#fff3;border-radius:10px;font-size:12px;padding:2px 6px}.tab-button.active .tab-count{background:#ffffff4d}.tab-button:not(.active) .tab-count{background:#e2e8f0;color:#4a5568}.tab-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-container{flex:1 1;min-width:200px}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rarity-filter,.sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.rarity-filter:focus,.sort-select:focus{border-color:#667eea;outline:none}.accessories-content{padding:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#2d3748;margin:0 0 8px}.empty-state p{color:#718096;margin:0 0 16px;max-width:400px}.clear-filters-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.clear-filters-button:hover{background:#5a67d8}.accessory-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.accessory-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.accessory-card.owned-active{border-color:#48bb78}.accessory-card.owned-inactive{border-color:#cbd5e0}.accessory-card.missing{border-color:#fc8181}.accessory-card.upgrade-available{border-color:#f6ad55}.accessory-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.accessory-card.enchanted{background:linear-gradient(135deg,#f0fff4,#fff)}.card-image-container{align-items:center;display:flex;justify-content:center;padding:16px;position:relative}.card-image{border-radius:6px;height:48px;transition:transform .2s ease;width:48px}.card-image.enchanted{animation:enchantedGlow 2s ease-in-out infinite alternate}.rarity-glow{animation:legendaryRotate 3s linear infinite;background:linear-gradient(45deg,#f59e0b,#ec4899,#8b5cf6,#3b82f6);border-radius:10px;bottom:12px;left:12px;position:absolute;right:12px;top:12px;z-index:-1}.enchanted-overlay{background:linear-gradient(45deg,#ffffff1a,#ffffff4d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.legendary-shine{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.card-indicators{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px}.count-badge,.duplicate-badge,.theoretical-badge,.upgrade-badge{border-radius:10px;font-size:10px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.count-badge{background:#4299e1;color:#fff}.duplicate-badge{background:#f56565;color:#fff}.upgrade-badge{background:#f6ad55;color:#fff}.theoretical-badge{background:#805ad5;color:#fff}.common-rarity{border-color:#9ca3af!important}.uncommon-rarity{border-color:#10b981!important}.rare-rarity{border-color:#3b82f6!important}.epic-rarity{border-color:#8b5cf6!important}.legendary-rarity{border-color:#f59e0b!important}.mythic-rarity{border-color:#ec4899!important}.modern-accessories-layout{padding:24px}.accessories-header-info{display:flex;justify-content:center;margin-bottom:32px}.collection-progress{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;gap:32px;padding:24px 32px}.progress-ring{align-items:center;background:#fff3;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.progress-text{text-align:center}.percentage{display:block;font-size:24px;font-weight:700;line-height:1}.label{display:block;font-size:12px;margin-top:4px;opacity:.9}.collection-stats{display:flex;gap:24px}.stat-group{text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;line-height:1}.stat-label{display:block;font-size:12px;margin-top:4px;opacity:.9}.accessories-grid-modern{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:0}.modern-accessory-card{background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 2px 10px #00000014;cursor:pointer;overflow:hidden;position:relative}.modern-accessory-card:hover{box-shadow:0 4px 12px #0000001f}.modern-accessory-card.owned{background:#fff;border-color:#48bb78}.modern-accessory-card.missing{background:#fff;border-color:#ed8936}.modern-accessory-card.upgrade-available{background:#fff;border-color:#4299e1}.card-header{background:#f8fafccc;justify-content:space-between;padding:6px}.card-header,.rarity-indicator{align-items:center;display:flex}.rarity-indicator{gap:4px}.rarity-label{border:1px solid #fff;border-radius:4px;box-shadow:0 1px 4px #0003;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.rarity-label.common{background:#9ca3af}.rarity-label.uncommon{background:#10b981}.rarity-label.rare{background:#3b82f6}.rarity-label.epic{background:#8b5cf6}.rarity-label.legendary{background:#f59e0b}.rarity-label.mythic{background:#ec4899}.rarity-text{color:#4a5568;font-size:9px;font-weight:600;text-transform:capitalize}.card-status{align-items:center;display:flex}.status-badge{border-radius:10px;font-size:8px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.status-badge.owned{background:#48bb78;color:#fff}.status-badge.missing{background:#ed8936;color:#fff}.status-badge.upgrade{background:#4299e1;color:#fff}.card-image-section{align-items:center;display:flex;justify-content:center;min-height:40px;padding:8px;position:relative}.image-container{border-radius:4px;box-shadow:0 1px 4px #0000001a;height:32px;overflow:hidden;position:relative;width:32px}.accessory-image{object-fit:cover}.lazy-image-container{background:#f7fafc;border-radius:4px;height:100%;width:100%}.lazy-image-loading{background:linear-gradient(90deg,#f7fafc 25%,#e2e8f0 50%,#f7fafc 75%)}.lazy-image-loading:before{border:2px solid #cbd5e0;border-top-color:#667eea;height:16px;width:16px}.lazy-image-error{color:#c53030;font-size:12px}.lazy-image-error:before{font-size:16px;margin-right:4px}.card-image.lazy-loading{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f7fafc 25%,#e2e8f0 50%,#f7fafc 75%);background-size:200% 100%}.card-image.lazy-loaded{animation:fadeIn .3s ease-in-out;opacity:1;transition:opacity .3s ease-in-out}.card-image.lazy-error{background:#fed7d7;opacity:.7}.legendary-glow{background:linear-gradient(45deg,#f59e0b,#ec4899,#8b5cf6,#3b82f6);border-radius:8px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.enchanted-shine{display:none}.card-badges{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px}.badge{border-radius:12px;font-size:10px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.badge.count-badge{background:#4299e1;color:#fff}.badge.duplicate-badge{background:#f56565;color:#fff}.badge.theoretical-badge{background:#805ad5;color:#fff}.card-info{padding:0 8px 6px;text-align:center}.accessory-name{font-size:10px;line-height:1.2;margin:0 0 3px}.accessory-details{display:flex;gap:6px;justify-content:center;margin-bottom:4px}.accessory-type{color:#718096;font-size:8px;font-weight:500}.magical-power{color:#8b5cf6;font-size:12px;font-weight:600}.accessory-description{-webkit-line-clamp:2;line-clamp:2;font-size:12px;line-height:1.4;margin:8px 0 0;max-height:32px}.card-footer{background:#f8fafc80;border-top:1px solid #e2e8f0;padding:6px 8px}.acquisition-info,.ownership-info{text-align:center}.owned-indicator{color:#48bb78;font-size:9px;font-weight:600}.missing-indicator{color:#ed8936;font-size:9px;font-weight:600}.source-hint{color:#718096;display:block;font-size:11px;font-style:italic;margin-top:4px}@media (max-width:768px){.accessories-grid-modern{gap:8px;grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.collection-progress{flex-direction:column;gap:20px;text-align:center}.collection-stats{gap:16px}.summary-grid{gap:16px;grid-template-columns:1fr}.tab-buttons{flex-wrap:wrap}.tab-controls{align-items:stretch;flex-direction:column}}@media (max-width:480px){.accessories-grid-modern{gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.modern-accessories-layout{padding:12px}.section-header{flex-direction:column;gap:16px;padding:16px;text-align:center}.tab-navigation{padding:16px}}.pagination-controls{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:20px 16px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:4px}.pagination-info .items-count{color:#9ca3af;font-size:12px}.page-numbers{gap:8px}.page-number,.page-numbers{align-items:center;display:flex}.page-number{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:32px}.page-number:hover{background:#f3f4f6;border-color:#9ca3af}.page-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.fallback-indicator{color:#fbbf24;font-size:12px;font-weight:700;margin-left:4px;vertical-align:super}.fallback-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #d97706;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#92400e;font-size:10px;font-weight:700;margin-left:4px;padding:2px 4px;vertical-align:middle}.fallback-badge:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-note{margin-top:4px;opacity:.7}.stat-note small{color:#6b7280;font-size:11px;font-style:italic}.accessory-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:90px;padding:8px;transition:all .15s ease;width:80px}.accessory-item:hover{border-color:#4299e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.accessory-item.owned{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#48bb78}.accessory-item.missing{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#fc8181;opacity:.8}.accessory-item.common-rarity{border-color:#a0aec0}.accessory-item.uncommon-rarity{border-color:#68d391}.accessory-item.rare-rarity{border-color:#4299e1}.accessory-item.epic-rarity{border-color:#9f7aea;box-shadow:0 0 8px #9f7aea33}.accessory-item.legendary-rarity{border-color:#ed8936;box-shadow:0 0 12px #ed89364d}.accessory-item.mythic-rarity{border-color:#e53e3e;box-shadow:0 0 16px #e53e3e66}.accessory-item.divine-rarity{border-color:#805ad5;box-shadow:0 0 20px #805ad580}.accessory-image-wrapper{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.accessory-image{border-radius:4px;height:100%;object-fit:contain;width:100%}.accessory-image.enchanted{filter:brightness(1.1) contrast(1.05)}.accessory-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center;width:100%}.accessory-name{-webkit-line-clamp:2;line-clamp:2;color:#2d3748;font-size:11px;font-weight:600;line-height:1.3;margin:0}.accessory-description,.accessory-name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.accessory-description{-webkit-line-clamp:1;line-clamp:1;color:#718096;font-size:9px;line-height:1.2;margin:2px 0 0}.accessories-virtualized-grid{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.virtualized-grid{background:#fff;border-radius:12px;position:relative;width:100%}.virtualized-grid.empty{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;min-height:200px}.virtualized-item{border-radius:8px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.virtualized-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);z-index:10}.virtualized-item.selected{border:2px solid #4299e1;box-shadow:0 0 0 2px #4299e133}.virtualized-grid *{contain:layout style paint;will-change:transform}.tuning-content{gap:16px}.tuning-content,.tuning-selector{display:flex;flex-direction:column}.tuning-selector{gap:8px}.selector-label{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tuning-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.tuning-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tuning-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.tuning-section.theoretical{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.section-label{color:#4a5568;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.power-list{display:flex;flex-wrap:wrap;gap:6px}.power-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 1px 3px #667eea4d;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;text-transform:capitalize}.power-tag.current{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 1px 3px #48bb784d}.power-tag.theoretical{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 1px 3px #0ea5e94d}.tuning-bonuses{display:flex;flex-direction:column;gap:8px}.bonuses-header{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bonus-stats{display:flex;flex-direction:column;gap:4px}.bonus-stat{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;display:flex;font-size:13px;justify-content:space-between;padding:4px 8px}.bonus-stat.theoretical{background:#f0f9ff;border-color:#bae6fd}.bonus-stat .stat-name{font-weight:500;text-transform:capitalize}.bonus-stat .stat-value{color:#38a169;font-weight:700}.stat-diff{font-size:11px;font-weight:600;margin-left:8px}.stat-diff.positive{color:#48bb78}.stat-diff.negative{color:#f56565}.stat-diff.neutral{color:#a0aec0}.no-tuning{color:#718096;padding:24px 16px;text-align:center}.no-tuning-icon{font-size:32px;margin-bottom:8px;opacity:.6}.no-tuning p{font-size:14px;font-weight:500;margin:0}.theoretical-preview{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.lazy-image-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.lazy-image-placeholder{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;height:100%;width:100%}.lazy-image-blur{filter:blur(10px);transition:filter .3s ease-in-out}.lazy-image-blur.lazy-image-loaded{filter:blur(0)}.lazy-image-error-retry{cursor:pointer;transition:opacity .2s ease}.lazy-image-error-retry:hover{opacity:.8}@supports (picture:url()){.lazy-image-container picture{height:100%;width:100%}.lazy-image-container img{height:100%;object-fit:cover;width:100%}}.equipment-section{display:flex;flex-direction:column;gap:20px}.equipment-section.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.equipment-summary{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;padding:20px}.stat-value{font-size:20px}.stat-item.defense .stat-value{color:#4caf50;color:var(--stat-defense,#4caf50)}.stat-item.health .stat-value{color:#f44336;color:var(--stat-health,#f44336)}.stat-item.intelligence .stat-value{color:#2196f3;color:var(--stat-intelligence,#2196f3)}.stat-item.count .stat-value{color:#4caf50;color:var(--accent-color,#4caf50)}.equipment-grid-section{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;overflow:hidden}@media (max-width:768px){.equipment-summary{padding:16px}.summary-header{align-items:flex-start;flex-direction:column;gap:8px}.summary-stats{gap:12px;grid-template-columns:1fr}.stat-item{padding:12px}.stat-value{font-size:18px}}@media (max-width:480px){.equipment-section{gap:16px}.equipment-summary{padding:12px}.summary-header h3{font-size:18px}.summary-meta{font-size:13px}}.pets-section{display:flex;flex-direction:column;gap:20px}.pets-section.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#999;color:var(--text-secondary,#999);font-size:16px}.pets-summary{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;padding:20px}.summary-header{gap:8px}.summary-header h3{align-items:center;display:flex;font-size:20px;gap:8px}.summary-meta{font-weight:500}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:16px;transition:all .2s ease}.stat-item:hover{background:#333;background:var(--card-hover,#333);border-color:#555;border-color:var(--border-hover,#555)}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{color:#999;color:var(--text-secondary,#999);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.stat-item.active-pet .stat-value{color:#4caf50;color:var(--accent-color,#4caf50)}.stat-item.total .stat-value{color:#2196f3;color:var(--stat-intelligence,#2196f3)}.stat-item.owned .stat-value{color:#4caf50;color:var(--accent-color,#4caf50)}.stat-item.highest .stat-value{color:#ff9800;color:var(--stat-strength,#ff9800)}.pets-grid-section{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;overflow:hidden}.pets-grid-section .item-grid-cell[data-active=true]{background:#4caf501a;background:var(--accent-background,#4caf501a);border-color:#4caf50;border-color:var(--accent-color,#4caf50);position:relative}.pets-grid-section .item-grid-cell[data-active=true]:after{background:#4caf50;background:var(--accent-color,#4caf50);border-radius:3px;color:#fff;content:"ACTIVE";font-size:8px;font-weight:700;line-height:1;padding:2px 4px;position:absolute;right:4px;top:4px}.pets-grid-section .item-grid-cell[data-rarity=COMMON]{border-color:#9d9d9d}.pets-grid-section .item-grid-cell[data-rarity=UNCOMMON]{border-color:#1eff00}.pets-grid-section .item-grid-cell[data-rarity=RARE]{border-color:#0070dd}.pets-grid-section .item-grid-cell[data-rarity=EPIC]{border-color:#a335ee}.pets-grid-section .item-grid-cell[data-rarity=LEGENDARY]{border-color:#ff6a00}.pets-grid-section .item-grid-cell[data-rarity=MYTHIC]{border-color:#f5f}@media (max-width:768px){.pets-summary{padding:16px}.summary-header{align-items:flex-start;flex-direction:column;gap:8px}.summary-stats{gap:12px;grid-template-columns:1fr}.stat-item{padding:12px}.stat-value{font-size:14px}}@media (max-width:480px){.pets-section{gap:16px}.pets-summary{padding:12px}.summary-header h3{font-size:18px}.summary-meta{font-size:13px}}.skills-section{background:#1a1a1a;background:var(--surface-color,#1a1a1a);border-radius:8px;margin-bottom:20px;padding:20px}.skills-summary{border-radius:8px;padding:20px}.skills-controls,.skills-summary{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);margin-bottom:20px}.skills-controls{border-radius:8px;padding:16px}.reset-all-btn{background:#f44336;background:var(--error-color,#f44336);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.reset-all-btn:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-1px)}.skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.skill-card{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:16px;transition:all .2s ease}.skill-card:hover{background:#333;background:var(--card-hover,#333);border-color:#555;border-color:var(--border-hover,#555);transform:translateY(-2px)}.skill-card.modified{border-left:4px solid #4caf50;border-left:4px solid var(--accent-color,#4caf50)}.skill-card.combat{border-top:2px solid #ff6b35}.skill-card.gathering{border-top:2px solid #66bb6a}.skill-card.crafting{border-top:2px solid #ab47bc}.skill-card.social{border-top:2px solid #42a5f5}.skill-card.legendary{box-shadow:0 2px 8px #ff6a0033}.skill-card.epic{box-shadow:0 2px 8px #a335ee33}.skill-card.rare{box-shadow:0 2px 8px #0070dd33}.skill-card.uncommon{box-shadow:0 2px 8px #1eff0033}.skill-header{gap:12px;margin-bottom:12px}.skill-header,.skill-icon{align-items:center;display:flex}.skill-icon{background:#4caf50;background:var(--accent-color,#4caf50);border-radius:6px;color:#fff;font-size:12px;font-weight:700;height:40px;justify-content:center;width:40px}.skill-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.skill-name{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.skill-level-info{align-items:center;display:flex;gap:8px}.skill-level{border-radius:4px;font-size:14px;font-weight:600;padding:2px 8px}.skill-level.common{background:#9d9d9d1a;color:#9d9d9d}.skill-level.uncommon{background:#1eff001a;color:#1eff00}.skill-level.rare{background:#0070dd1a;color:#0070dd}.skill-level.epic{background:#a335ee1a;color:#a335ee}.skill-level.legendary{background:#ff6a001a;color:#ff6a00}.original-level{color:#999;color:var(--text-secondary,#999);font-size:12px;font-style:italic}.skill-progress-container{margin-bottom:12px}.skill-progress{background:#333;background:var(--input-background,#333);border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden;position:relative}.progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.progress-bar.common{background:linear-gradient(90deg,#9d9d9d,#b3b3b3)}.progress-bar.uncommon{background:linear-gradient(90deg,#1eff00,#4dff33)}.progress-bar.rare{background:linear-gradient(90deg,#0070dd,#39f)}.progress-bar.epic{background:linear-gradient(90deg,#a335ee,#b84eff)}.progress-bar.legendary{background:linear-gradient(90deg,#ff6a00,#ff8533)}.progress-text{color:#999;color:var(--text-secondary,#999);font-size:12px;font-weight:500}.skill-controls{display:flex;flex-direction:column;gap:8px}.level-controls{align-items:center;display:flex;gap:8px}.control-btn:hover:not(:disabled){background:#444;background:var(--card-hover,#444);border-color:#666;border-color:var(--border-hover,#666)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.level-input{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:14px;padding:8px 12px;text-align:center;transition:all .2s ease}.level-input:focus{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 0 0 2px #4caf5033;outline:none}.reset-skill-btn{background:#f44336;background:var(--error-color,#f44336);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.reset-skill-btn:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-1px)}.skills-empty{padding:60px 20px;text-align:center}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.controls-header{align-items:flex-start;flex-direction:column;gap:12px}.summary-stats{grid-template-columns:repeat(2,1fr)}.level-controls{flex-wrap:wrap}.skill-header{align-items:flex-start;flex-direction:column;text-align:left}}.buffs-section{background:#1a1a1a;background:var(--surface-color,#1a1a1a)}.buffs-section,.buffs-summary{border-radius:8px;margin-bottom:20px;padding:20px}.buffs-summary{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333)}.summary-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.summary-header h3{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.summary-meta{color:#999;color:var(--text-secondary,#999);font-size:14px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-stats .stat-item{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:6px;padding:12px}.summary-stats .stat-content{display:flex;flex-direction:column;gap:4px}.summary-stats .stat-label{color:#999;color:var(--text-secondary,#999);font-size:12px;font-weight:500;text-transform:uppercase}.summary-stats .stat-value{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.summary-stats .stat-item.positive .stat-value{color:#4caf50;color:var(--success-color,#4caf50)}.summary-stats .stat-item.negative .stat-value{color:#f44336;color:var(--error-color,#f44336)}.buffs-controls{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:20px;padding:16px}.controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.controls-header h4{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0}.control-buttons{display:flex;gap:8px}.add-buff-toggle{background:#4caf50;background:var(--accent-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.add-buff-toggle:hover{background:#66bb6a;background:var(--accent-hover,#66bb6a);transform:translateY(-1px)}.add-buff-toggle.active{background:#f44336;background:var(--error-color,#f44336)}.add-buff-toggle.active:hover{background:#d32f2f;background:var(--error-hover,#d32f2f)}.clear-all-btn{background:#f44336;background:var(--error-color,#f44336);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-all-btn:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-1px)}.add-buff-form{animation:slideDown .3s ease;border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:16px;padding-top:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{align-items:end;display:flex;gap:12px}.form-group{flex:1 1;gap:6px}.form-group label{font-weight:500}.form-group input,.form-group label,.form-group select{color:#fff;color:var(--text-primary,#fff);font-size:14px}.form-group input,.form-group select{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:6px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 0 0 2px #4caf5033;outline:none}.add-btn{background:#4caf50;background:var(--accent-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.add-btn:hover:not(:disabled){background:#66bb6a;background:var(--accent-hover,#66bb6a);transform:translateY(-1px)}.add-btn:disabled{background:#333;background:var(--input-background,#333);color:#999;color:var(--text-secondary,#999);cursor:not-allowed}.buffs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.buff-card{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:16px;transition:all .2s ease}.buff-card:hover{background:#333;background:var(--card-hover,#333);border-color:#555;border-color:var(--border-hover,#555);transform:translateY(-2px)}.buff-card.positive{border-left:4px solid #4caf50;border-left:4px solid var(--success-color,#4caf50)}.buff-card.negative{border-left:4px solid #f44336;border-left:4px solid var(--error-color,#f44336)}.buff-card.combat{border-top:2px solid #ff6b35}.buff-card.defensive{border-top:2px solid #4285f4}.buff-card.utility{border-top:2px solid #ab47bc}.buff-card.gathering{border-top:2px solid #66bb6a}.buff-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.buff-info{display:flex;flex-direction:column;gap:4px}.buff-name{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.buff-category{color:#999;color:var(--text-secondary,#999);font-size:12px;font-weight:500;text-transform:uppercase}.buff-value{border-radius:4px;font-size:18px;font-weight:700;padding:4px 8px}.buff-value.positive{background:#4caf501a;color:#4caf50;color:var(--success-color,#4caf50)}.buff-value.negative{background:#f443361a;color:#f44336;color:var(--error-color,#f44336)}.buff-controls{display:flex;flex-direction:column;gap:8px}.value-controls{gap:8px}.control-btn,.value-controls{align-items:center;display:flex}.control-btn{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.control-btn:hover{background:#444;background:var(--card-hover,#444);border-color:#666;border-color:var(--border-hover,#666)}.buff-input{background:#333;background:var(--input-background,#333);border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:14px;padding:8px 12px;text-align:center;transition:all .2s ease}.buff-input:focus{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 0 0 2px #4caf5033;outline:none}.remove-btn{background:#f44336;background:var(--error-color,#f44336);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.remove-btn:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-1px)}.buffs-empty{padding:60px 20px;text-align:center}.empty-state{margin:0 auto;max-width:400px}.empty-state h3{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:#999;color:var(--text-secondary,#999);font-size:14px;line-height:1.5;margin-bottom:20px}.add-first-buff-btn{background:#4caf50;background:var(--accent-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.add-first-buff-btn:hover{background:#66bb6a;background:var(--accent-hover,#66bb6a);transform:translateY(-1px)}@media (max-width:768px){.buffs-grid{grid-template-columns:1fr}.form-row{align-items:stretch;flex-direction:column}.controls-header{align-items:flex-start;flex-direction:column;gap:12px}.summary-stats{grid-template-columns:repeat(2,1fr)}.value-controls{flex-wrap:wrap}}.profile-dropdown{max-width:300px;position:relative;width:100%}.profile-card{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;gap:12px;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.profile-card:hover{background:var(--color-surface);border-color:var(--color-gray-300)}.profile-card.open{border-color:var(--color-primary);box-shadow:0 0 0 2px #3182ce1a}.profile-card.no-profile{cursor:default;opacity:.7}.profile-card.no-profile:hover{background:var(--color-bg);border-color:var(--color-border)}.profile-icon{height:40px;position:relative;width:40px}.profile-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-icon-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:none;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-info{min-width:0}.profile-info h3{color:var(--color-text);font-size:1rem;margin:0}.profile-info h3,.profile-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info p{color:var(--color-text-light);font-size:.85rem;margin:2px 0 0}.profile-gamemode{color:var(--color-gray-500)!important;font-size:.8rem!important;text-transform:capitalize}.dropdown-arrow{align-items:center;color:var(--color-text-light);display:flex;justify-content:center;transition:transform .2s ease}.profile-card.open .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown-menu{animation:dropdownFadeIn .15s ease-out;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 16px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 16px 8px}.profile-dropdown-header span{color:var(--color-text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-dropdown-list{max-height:280px;overflow-y:auto}.profile-dropdown-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s ease}.profile-dropdown-item:last-child{border-bottom:none}.profile-dropdown-item:hover{background:var(--color-surface)}.profile-dropdown-item.current{background:#3182ce14;border-left:3px solid var(--color-primary);padding-left:13px}.profile-dropdown-item.current:hover{background:#3182ce1f}.profile-item-icon{flex-shrink:0;height:32px;position:relative;width:32px}.profile-item-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-item-icon-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:none;font-size:.9rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-item-info{flex:1 1;min-width:0}.profile-item-name{color:var(--color-text);display:block;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-item-gamemode{color:var(--color-gray-500);display:block;font-size:.8rem;margin-top:2px;text-transform:capitalize}.current-indicator{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;justify-content:center}@media (max-width:768px){.profile-dropdown{max-width:none}.profile-card{padding:10px 14px}.profile-icon{height:36px;width:36px}.profile-item-icon{height:28px;width:28px}.profile-dropdown-item{padding:10px 14px}}.profile-dropdown-list::-webkit-scrollbar{width:6px}.profile-dropdown-list::-webkit-scrollbar-track{background:#0000}.profile-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.profile-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.home-page{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.page-content{display:flex;flex-direction:column;gap:2rem}.profile-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;gap:1rem;padding:2rem}.profile-card.no-profile{color:#6b7280;flex-direction:column;text-align:center}.profile-card.no-profile h3{color:#374151;margin:.5rem 0}.profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:4rem;justify-content:center;width:4rem}.profile-info{flex:1 1}.profile-info h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.profile-id{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.profile-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.nav-section{overflow:hidden}.content-section,.nav-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.content-section{min-height:400px;padding:2rem}.section-overview h2{color:#111827;font-size:2rem;font-weight:600;margin-bottom:1rem}.section-overview p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.profile-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.profile-summary h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.inventory-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.summary-label{color:#374151;font-weight:500}.summary-count{background:#667eea1a;border-radius:4px;color:#667eea;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .3s ease}.overview-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea26;transform:translateY(-2px)}.overview-card h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.overview-card p{color:#6b7280;font-size:.875rem;margin:0}.section-placeholder{padding:3rem 1rem;text-align:center}.placeholder-icon{color:#6b7280;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-placeholder h2{color:#111827;font-size:2rem;font-weight:600;margin-bottom:1rem}.section-placeholder p{color:#6b7280;font-size:1.125rem;margin-bottom:.5rem}.stats-contributors{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.stats-contributors h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.stats-contributors p{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem}.stats-contributors-empty{color:#6b7280;font-size:.875rem;padding:2rem;text-align:center}.stats-contributors-simple{display:flex;flex-direction:column;gap:1.5rem}.section-group{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.section-label{color:#374151;font-size:.875rem;font-weight:600}.item-count{color:#6b7280;font-size:.75rem;font-weight:500}.items-list{display:flex;flex-wrap:wrap;gap:.5rem}.item-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;display:flex;font-size:.75rem;gap:.5rem;padding:.375rem .75rem;position:relative;transition:all .2s ease}.item-chip:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.item-chip.theoretical{background:#fef3c7;border-color:#fbbf24}.item-chip.owned{background:#dbeafe;border-color:#60a5fa}.item-icon{object-fit:cover}.item-icon,.lazy-image-container{border-radius:2px;height:16px;width:16px}.lazy-image-container{background:#f1f5f9;overflow:hidden;position:relative}.lazy-image-loading{align-items:center;animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-image-loading:before{animation:spin 1s linear infinite;border:1px solid #cbd5e0;border-radius:50%;border-top-color:#94a3b8;content:"";height:8px;width:8px}.lazy-image-loaded{animation:fadeIn .3s ease-in-out;opacity:1;transition:opacity .3s ease-in-out}.lazy-image-error{align-items:center;background:#fed7d7;color:#dc2626;display:flex;font-size:6px;font-weight:600;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-image-error:before{content:"⚠";font-size:8px}.lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;width:100%}.lazy-image.loaded{opacity:1}.lazy-image.error{opacity:.7}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.item-name{color:#374151;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:600;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.source-badge.theoretical{background:#f59e0b}.source-badge.owned{background:#3b82f6}.more-items-chip{background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;font-size:.75rem;font-weight:500;padding:.375rem .75rem}@media (max-width:768px){.home-page{padding:1rem 0}.profile-card{flex-direction:column;padding:1.5rem;text-align:center}.profile-stats{justify-content:center}.content-section{padding:1.5rem}.inventory-summary,.overview-grid{grid-template-columns:1fr}.stats-contributors-simple{gap:1rem}.section-group{padding:.75rem}.items-list{gap:.375rem}.item-chip{font-size:.7rem;padding:.25rem .5rem}.item-name{max-width:80px}}.login-page{align-items:center;background-color:var(--color-surface);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.login-container{max-width:400px;width:100%}.login-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8);text-align:center}.login-card h1{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.login-card p{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}.login-form{gap:var(--spacing-4);text-align:left}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-2)}.form-group label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);padding:var(--spacing-3);transition:var(--transition)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-group input.error{border-color:var(--color-error)}.error-message{margin-top:var(--spacing-1)}.error-message,.submit-error{color:var(--color-error);font-size:var(--font-size-sm)}.submit-error{background-color:#fef2f2;border-radius:var(--radius);padding:var(--spacing-3);text-align:center}.btn{border:none;border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);transition:var(--transition)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-page{padding:var(--spacing-2)}.login-card{padding:var(--spacing-6)}.login-card h1{font-size:var(--font-size-xl)}}.about-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.about-section{margin-bottom:var(--spacing-6)}.about-section h2{border-bottom:1px solid var(--color-border);font-size:var(--font-size-xl);padding-bottom:var(--spacing-2)}.about-section h2,.about-section p{color:var(--color-text);margin-bottom:var(--spacing-4)}.about-section p{line-height:1.6}.about-section ul{color:var(--color-text);line-height:1.6;padding-left:var(--spacing-6)}.about-section li{margin-bottom:var(--spacing-2)}.features-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-4)}.feature-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.feature-card h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.feature-card p{color:var(--color-text);line-height:1.6;margin:0}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--spacing-4)}}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.settings-section{margin-bottom:var(--spacing-6)}.settings-section h2{border-bottom:1px solid var(--color-border);font-size:var(--font-size-xl);padding-bottom:var(--spacing-2)}.settings-section h2,.settings-section p{color:var(--color-text);margin-bottom:var(--spacing-4)}.settings-section p{line-height:1.6}.preferences-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-4)}.preference-card{align-items:flex-start;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-6)}.preference-info{flex:1 1}.preference-info h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.preference-info p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;margin-top:2px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;background:var(--color-gray-300,#d1d5db);border-radius:28px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background:#fff;background:var(--color-white,#fff);border-radius:50%;bottom:3px;box-shadow:0 2px 6px #0003;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary);box-shadow:0 2px 8px #10b9814d}.toggle-switch input:checked+.toggle-slider:before{box-shadow:0 2px 8px #00000040;transform:translateX(24px)}.support-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr;margin-top:var(--spacing-4)}.support-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.support-card h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.support-card p{color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-3)}.email-display{background:#f9fafb;background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-border);border-radius:var(--radius);margin:var(--spacing-3) 0;padding:var(--spacing-3)}.email-address{color:var(--color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:var(--font-weight-medium)}.contact-note,.email-address{font-size:var(--font-size-sm)}.contact-note{color:var(--color-text-light);font-style:italic;margin:var(--spacing-3) 0 0 0}.faq-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-4)}.faq-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.faq-card h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.faq-card p{color:var(--color-text);line-height:1.6;margin:0}.faq-card code{background:#f3f4f6;background:var(--color-gray-100,#f3f4f6);border-radius:4px;color:var(--color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:2px 6px}@media (max-width:768px){.faq-grid,.preferences-grid{grid-template-columns:1fr}.preference-card{align-items:stretch;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.toggle-switch{align-self:flex-start}.faq-card,.support-card{padding:var(--spacing-4)}}.credits-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.credits-section{margin-bottom:var(--spacing-6)}.credits-section h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.credit-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.credit-card.featured{border-left:4px solid var(--color-primary)}.credit-header h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.credit-card p{color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-4)}.credit-links{display:flex;flex-direction:column;gap:var(--spacing-2)}.contribution{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic}@media (max-width:768px){.credit-card{padding:var(--spacing-4)}}
/*# sourceMappingURL=main.6cf04777.css.map*/