*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[class*=backdrop-filter]{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:768px){[class*=backdrop-filter]{backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.hero h1{animation:none}.article-card:hover,.feature-card:hover,.item-card:hover{transform:none}.article-card,.feature-card,.item-card{box-shadow:0 2px 8px #0003}*{transition-duration:.15s!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero h1{animation:none!important}}@media (-webkit-max-device-pixel-ratio:1){[class*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;position:relative}body:before{background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,92,246,.05) 0,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}header{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#000000f2;border-bottom:1px solid rgba(139,92,246,.2);box-shadow:0 2px 16px #0003;position:sticky;top:0;z-index:50}.header-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header-container,.logo{align-items:center;display:flex}.logo{gap:12px;position:relative;text-decoration:none}.logo:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);border-radius:12px;content:"";inset:-8px;opacity:0;position:absolute;transition:opacity .2s ease;z-index:-1}.logo:hover:before{opacity:.2}.logo-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);border-radius:12px;box-shadow:0 4px 16px #8b5cf64d,inset 0 1px #fff3;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:48px;will-change:transform}.logo-image{border-radius:8px;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.logo-icon:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.logo:hover .logo-icon:before{left:100%}.logo:hover .logo-icon{box-shadow:0 6px 20px #8b5cf680,inset 0 1px #ffffff4d;transform:scale(1.05) rotate(2deg)}.logo-text{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:24px;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(139,92,246,.3)}.logo-subtitle{color:#666;font-size:12px;font-weight:500;letter-spacing:1px}nav{display:flex;gap:32px}.nav-link{align-items:center;background:#ffffff05;border:1px solid transparent;border-radius:12px;color:#ccc;display:flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;will-change:transform}.nav-link:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf633;color:#fff;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.nav-link.active:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:20px}.nav-link[href^=http]{background:#0080691a;border-color:#0080694d}.nav-link[href^=http]:hover{background:#00806933;border-color:#00806980;box-shadow:0 4px 12px #00806933}.nav-link[href^=http]:before{background:linear-gradient(90deg,transparent,rgba(0,128,105,.1),transparent)}.mobile-nav-link[href^=http]{background:#0080691a;border-color:#0080694d}.mobile-nav-link[href^=http]:hover{background:#00806933;border-color:#00806980}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:8px;transition:background .2s ease,transform .2s ease;will-change:transform}.mobile-menu-btn:hover{background:#8b5cf633;transform:scale(1.05)}main{min-height:calc(100vh - 80px);padding:0}.hero{overflow:hidden;padding:120px 1rem 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(124,58,237,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.hero h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:4rem;font-weight:900;margin-bottom:24px;-webkit-text-fill-color:transparent;animation:glow 3s ease-in-out infinite alternate;background-clip:text;text-shadow:0 2px 4px rgba(139,92,246,.3);will-change:filter}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 15px rgba(139,92,246,.5))}}.hero p{color:#ccc;font-size:1.25rem;line-height:1.8;margin:0 auto 48px;max-width:600px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;box-shadow:0 4px 16px #8b5cf666,inset 0 1px #fff3;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:12px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.hero-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.hero-button:hover:before{left:100%}.hero-button:hover{box-shadow:0 8px 24px #8b5cf699,inset 0 1px #ffffff4d;transform:translateY(-2px) scale(1.01)}.features{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:80px 1rem}.feature-card{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:20px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.feature-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 10px 20px #0006,0 0 0 1px #8b5cf64d;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;box-shadow:0 4px 16px #8b5cf666,inset 0 1px #fff3;display:flex;height:80px;justify-content:center;margin:0 auto 24px;transition:transform .2s ease,box-shadow .2s ease;width:80px;will-change:transform}.feature-card:hover .feature-icon{box-shadow:0 6px 20px #8b5cf699,inset 0 1px #ffffff4d;transform:scale(1.05) rotate(3deg)}.feature-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.feature-card p{color:#ccc;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.articles{margin:0 auto;max-width:1200px;padding:80px 1rem}.articles-header{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0003;border:1px solid rgba(139,92,246,.2);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:48px;padding:24px 32px}.articles-header h2{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(139,92,246,.3)}.popular-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;padding:8px 16px;transition:all .3s ease}.popular-badge:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.articles-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.article-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:color .3s ease}.article-card:hover h3{color:#8b5cf6}.article-card p{color:#ccc;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.wiki-container{margin:0 auto;max-width:1200px;padding:48px 1rem}.article-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out;will-change:transform}.article-card-link:hover{transform:translateY(-2px)}.article-card-link:hover .article-card{box-shadow:0 8px 25px #8b5cf64d}.articles-grid .article-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out;will-change:transform}.articles-grid .article-card-link:hover{transform:translateY(-2px)}.articles-grid .article-card-link:hover .article-card{box-shadow:0 8px 25px #8b5cf64d}.wiki-header{margin-bottom:48px;text-align:center}.wiki-header h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 4px 8px rgba(139,92,246,.3)}.wiki-header p{color:#ccc;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.search-container{margin:0 auto 48px;max-width:600px;position:relative}.search-icon{color:#666;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:16px;color:#fff;font-size:16px;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.search-input::-moz-placeholder{color:#666}.search-input::placeholder{color:#666}.search-input:focus{background:#0006;border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.categories-container{margin-bottom:48px}.articles-container{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.article-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:20px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.article-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.article-card:hover:before{transform:scaleX(1)}.article-card:hover{box-shadow:0 20px 40px #0006,0 0 0 1px #8b5cf64d;transform:translateY(-8px)}.article-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.article-title{color:#fff;flex:1;font-size:1.5rem;font-weight:700;margin-right:16px;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:color .3s ease}.article-card:hover .article-title{color:#8b5cf6}.difficulty-badge{border-radius:12px;box-shadow:0 4px 16px #0000004d;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;white-space:nowrap}.article-description{color:#ccc;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.article-footer{align-items:center;display:flex;justify-content:space-between}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;font-size:11px;font-weight:700;padding:4px 8px;transition:all .3s ease}.tag:hover{background:#8b5cf64d;transform:scale(1.05)}.article-category{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:700;padding:6px 12px}.article-arrow{color:#8b5cf6;transition:all .3s ease}.article-card:hover .article-arrow{color:#7c3aed;transform:translate(8px)}.no-results{padding:80px 20px;text-align:center}.no-results-title{color:#666;font-size:2rem;font-weight:700;margin-bottom:16px}.no-results p{color:#888;font-size:1.1rem}.items-container{margin:0 auto;max-width:1200px;padding:48px 1rem}.items-header{margin-bottom:48px;text-align:center}.items-header h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 4px 8px rgba(139,92,246,.3)}.items-header p{color:#ccc;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.items-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:20px;height:100%;overflow:hidden;padding:24px;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.item-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.item-card:hover:before{transform:scaleX(1)}.item-card:hover{box-shadow:0 20px 40px #0006,0 0 0 1px #8b5cf64d;transform:translateY(-8px)}.item-image{background:#ffffff0d;border-radius:12px;box-shadow:0 4px 16px #0000004d;display:block;height:80px;margin:0 auto 16px;-o-object-fit:contain;object-fit:contain;padding:8px;transition:transform .3s ease;width:80px}.item-card:hover .item-image{transform:scale(1.1) rotate(2deg)}.item-header{margin-bottom:16px;text-align:center}.item-title{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:color .3s ease}.item-card:hover .item-title{color:#8b5cf6}.item-description{color:#ccc;line-height:1.6;margin-bottom:16px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-stats{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.stat{text-align:center}.stat-label{color:#666;font-size:12px}.crafting-cost{margin-bottom:16px}.crafting-label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.crafting-materials{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.material{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;font-size:11px;font-weight:700;padding:4px 8px;transition:all .3s ease}.material:hover{background:#8b5cf64d;transform:scale(1.05)}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.item-category{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:700;padding:6px 12px}.item-arrow{color:#8b5cf6;transition:all .3s ease}.item-card:hover .item-arrow{color:#7c3aed;transform:translate(8px)}.item-card-link{display:block;height:100%}.item-card-link,.item-card-link:hover{color:inherit;text-decoration:none}.item-detail-container{margin:0 auto;max-width:1200px;padding:48px 1rem}.item-detail-header{align-items:center;display:flex;gap:24px;margin-bottom:48px}.back-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;box-shadow:0 8px 24px #8b5cf64d;color:#fff;display:flex;font-weight:700;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.back-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-button:hover:before{left:100%}.back-button:hover{box-shadow:0 12px 32px #8b5cf666;transform:scale(1.05)}.item-detail-header h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:48px;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 8px rgba(139,92,246,.3)}.item-detail-content{display:grid;gap:48px;grid-template-columns:1fr 1fr}.item-detail-left{display:flex;flex-direction:column;gap:32px}.item-detail-image{text-align:center}.item-detail-image img{background:linear-gradient(135deg,#111,#000);border:1px solid rgba(139,92,246,.3);border-radius:20px;box-shadow:0 16px 48px #0006,0 0 0 1px #8b5cf633;height:300px;-o-object-fit:contain;object-fit:contain;padding:24px;transition:all .3s ease;width:300px}.item-detail-image img:hover{box-shadow:0 20px 56px #00000080,0 0 0 1px #8b5cf666;transform:scale(1.02)}.item-detail-info h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.item-detail-info p{color:#ccc;font-size:18px;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-stats-detailed{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transform:translateZ(0);transition:all .3s ease;will-change:transform}.stat-item:hover{background:#8b5cf60d;border-color:#8b5cf666}.stat-label{color:#ccc;font-weight:500}.stat-value{color:#8b5cf6;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(139,92,246,.3)}.item-detail-right{display:flex;flex-direction:column;gap:32px}.additional-info h2,.crafting-section h2,.tips-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.crafting-materials-detailed{display:flex;flex-direction:column;gap:12px}.crafting-material{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;gap:12px;padding:16px 20px;transform:translateZ(0);transition:all .3s ease;will-change:transform}.crafting-material:hover{background:#8b5cf60d;border-color:#8b5cf666;transform:translate(8px)}.material-icon{font-size:20px}.material-name{color:#ccc;font-weight:500}.info-grid{display:flex;flex-direction:column;gap:12px}.info-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transform:translateZ(0);transition:all .3s ease;will-change:transform}.info-item:hover{background:#8b5cf60d;border-color:#8b5cf666}.info-label{color:#ccc;font-weight:500}.info-value{color:#8b5cf6;font-weight:700;text-shadow:0 2px 4px rgba(139,92,246,.3)}.tips-list{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}.tips-list li{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#ccc;padding:16px 20px 16px 48px;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.tips-list li:hover{background:#8b5cf60d;border-color:#8b5cf666;transform:translate(8px)}.tips-list li:before{content:"💡";font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.item-not-found{padding:80px 20px;text-align:center}.item-not-found h1{color:#666;font-size:48px;font-weight:700;margin-bottom:16px}.item-not-found p{color:#888;font-size:18px;margin-bottom:32px}@media (max-width:768px){.item-detail-content{gap:32px;grid-template-columns:1fr}.item-detail-header{flex-direction:column;gap:16px;text-align:center}.item-detail-header h1{font-size:36px}.item-detail-image img{height:250px;width:250px}.nav{display:none}.mobile-menu-btn{display:block}.hero h1,.items-header h1,.wiki-header h1{font-size:2.5rem}.hero p,.items-header p,.wiki-header p{font-size:1.1rem}.features{gap:24px}.articles-grid,.features,.items-grid{grid-template-columns:1fr}.article-header,.item-header{flex-direction:column;gap:12px}.article-title,.item-title{margin-right:0}.article-footer,.item-footer{align-items:flex-start;flex-direction:column;gap:12px}.categories-container{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.category-button{white-space:nowrap}.item-stats{flex-direction:column;gap:8px}.articles-header{flex-direction:column;gap:16px;padding:20px 24px;text-align:center}.articles-header h2{font-size:2rem}}.raid-calculator-container{margin:0 auto;max-width:1400px;padding:48px 1rem}.raid-calculator-header{margin-bottom:48px;text-align:center}.raid-calculator-header h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 4px 8px rgba(139,92,246,.3)}.raid-calculator-header p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.raid-calculator-content{display:grid;gap:48px;grid-template-columns:1fr 1fr}.raid-calculator-left,.raid-calculator-right{display:flex;flex-direction:column;gap:32px}.raid-calculator-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:20px;overflow:hidden;padding:32px;position:relative;transform:translateZ(0);will-change:transform}.raid-calculator-section:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.raid-calculator-section:hover:before{transform:scaleX(1)}.raid-calculator-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.raid-calculator-section p{color:#ccc;font-size:.9rem;margin-bottom:24px}.categories-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.category-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#ccc;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.category-button:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-button:hover:before{left:100%}.category-button:hover{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf633;color:#fff;transform:translateY(-2px)}.category-button.active{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf64d;color:#fff}.raid-items-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:300px;overflow-y:auto;padding-right:8px}.raid-items-grid::-webkit-scrollbar{width:8px}.raid-items-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.raid-items-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.raid-items-grid::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.raid-item-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.raid-item-card.selected{background:#8b5cf61a;border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf64d}.raid-item-card:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.raid-item-card:hover:before{left:100%}.raid-item-card:hover{background:#8b5cf60d;border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633;transform:translateY(-2px)}.raid-item-icon{align-items:center;background:#8b5cf61a;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.raid-item-image{border-radius:4px;height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.raid-item-info{flex:1}.raid-item-info h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.raid-item-info p{color:#8b5cf6;font-size:12px;margin-bottom:4px}.raid-item-category{color:#666;font-size:10px;font-weight:500}.explosives-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding-right:8px}.explosives-grid::-webkit-scrollbar{width:8px}.explosives-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.explosives-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.explosives-grid::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.explosive-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;text-align:center;transform:translateZ(0);transition:all .3s ease;will-change:transform}.explosive-card.selected{background:#8b5cf61a;border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf64d}.explosive-card:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.explosive-card:hover:before{left:100%}.explosive-card:hover{background:#8b5cf60d;border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633;transform:translateY(-2px)}.explosive-icon{display:block;font-size:32px;margin-bottom:12px}.explosive-image{border-radius:4px;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.explosive-info h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.explosive-info p{color:#8b5cf6;font-size:12px;font-weight:700;margin-bottom:8px}.explosive-cost{display:flex;flex-direction:column;gap:4px}.cost-item{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#8b5cf6;font-size:10px;font-weight:700;padding:4px 8px}.input-section{gap:24px}.input-group,.input-section{display:flex;flex-direction:column}.input-group{gap:12px}.input-group label{color:#fff;font-size:14px;font-weight:700}.selected-item-display{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;gap:12px;padding:16px;transform:translateZ(0);will-change:transform}.item-icon{align-items:center;background:#8b5cf61a;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.selected-item-image{border-radius:4px;height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.table-item-image{border-radius:3px;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.item-name{color:#fff;flex:1;font-size:14px;font-weight:700}.quantity-controls{align-items:center;display:flex;gap:12px}.quantity-controls button{align-items:center;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#8b5cf6;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.quantity-controls button:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:scale(1.1)}.quantity-controls span{color:#fff;font-size:16px;font-weight:700;min-width:20px;text-align:center}.placeholder{color:#666;font-style:italic;text-align:center}.placeholder,.preview-resources{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px;transform:translateZ(0);will-change:transform}.preview-resources h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}.resources-grid{display:flex;flex-wrap:wrap;gap:8px}.resource-item{align-items:center;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;display:flex;gap:6px;padding:6px 10px}.resource-icon{font-size:16px}.resource-amount{color:#8b5cf6;font-size:12px;font-weight:700}.add-to-table-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.add-to-table-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-to-table-btn:hover:before{left:100%}.add-to-table-btn:hover{box-shadow:0 8px 24px #f9731666;transform:translateY(-2px)}.add-to-table-btn:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.empty-table{color:#666;padding:40px 20px;text-align:center}.raid-table{border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-bottom:16px;overflow:hidden}.table-header{background:#8b5cf61a;border-bottom:1px solid rgba(139,92,246,.2);display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 3fr 1fr}.table-cell{border-right:1px solid rgba(139,92,246,.2);color:#fff;font-size:12px;font-weight:700;padding:12px 8px;text-align:center}.table-cell:last-child{border-right:none}.table-row{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid rgba(139,92,246,.1);display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 3fr 1fr;transform:translateZ(0);transition:all .3s ease;will-change:transform}.table-row:hover{background:#8b5cf60d}.table-row:last-child{border-bottom:none}.explosive-info,.structure-info{align-items:center;display:flex;gap:8px;justify-content:center}.resources-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.resource-tag{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:4px;color:#8b5cf6;font-size:10px;padding:2px 6px;white-space:nowrap}.remove-btn{align-items:center;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-btn:hover{background:#ef44444d;border-color:#ef444480;transform:scale(1.1)}.clear-table-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .3s ease}.clear-table-btn:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-1px)}.total-resources{display:flex;flex-direction:column;gap:24px}.total-time{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:700;gap:12px;padding:16px;transform:translateZ(0);will-change:transform}.total-resources-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.total-resource-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:8px;display:flex;gap:8px;padding:12px;transform:translateZ(0);will-change:transform}.total-resource-item .resource-icon{font-size:20px}.total-resource-item .resource-name{color:#ccc;flex:1;font-size:12px}.total-resource-item .resource-amount{color:#8b5cf6;font-size:14px;font-weight:700}@media (max-width:1024px){.raid-calculator-content{gap:32px;grid-template-columns:1fr}.raid-items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.explosives-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 2fr 1fr}.table-cell{font-size:10px;padding:8px 4px}}@media (max-width:768px){.raid-calculator-header h1{font-size:2.5rem}.raid-items-grid{grid-template-columns:1fr}.explosives-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-cell{border-bottom:1px solid rgba(139,92,246,.1);border-right:none;padding:8px 12px;text-align:left}.table-cell:last-child{border-bottom:none}.total-resources-grid{grid-template-columns:1fr}}.mobile-menu{background:#000000f2;border-top:1px solid rgba(139,92,246,.2);padding:16px}.mobile-nav{display:flex;flex-direction:column;gap:8px}.mobile-nav-link{align-items:center;border-radius:8px;color:#ccc;display:flex;font-size:14px;font-weight:700;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:#8b5cf61a;color:#fff}.mobile-nav-link.active{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff}.skins-container{margin:0 auto;max-width:1200px;padding:48px 1rem}.skins-header{margin-bottom:48px;text-align:center}.skins-header h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 4px 8px rgba(139,92,246,.3)}.skins-header p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.filters-section{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}.rarity-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rarity-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#ccc;cursor:pointer;font-size:12px;font-weight:700;overflow:hidden;padding:8px 16px;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.rarity-button:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.rarity-button:hover:before{left:100%}.rarity-button:hover{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf633;color:#fff;transform:translateY(-2px)}.rarity-button.active{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf64d;color:#fff}.sort-container{align-items:center;display:flex;gap:12px;justify-content:center}.sort-label{font-weight:700}.sort-label,.sort-select{color:#fff;font-size:14px}.sort-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:8px;cursor:pointer;padding:8px 16px;transform:translateZ(0);transition:all .3s ease;will-change:transform}.sort-select:hover{background:#8b5cf60d;border-color:#8b5cf666}.sort-select:focus{border-color:#8b5cf699;box-shadow:0 0 0 2px #8b5cf633;outline:none}.sort-select option{background:#1a1a1a;color:#fff}.skins-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skin-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:16px;overflow:hidden;position:relative;transform:translateZ(0);transition:all .3s ease;will-change:transform}.skin-card:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skin-card:hover:before{left:100%}.skin-card:hover{background:#8b5cf60d;border-color:#8b5cf666;box-shadow:0 20px 40px #0006,0 0 0 1px #8b5cf64d;transform:translateY(-8px)}.skin-image{height:200px;overflow:hidden;position:relative}.skin-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.skin-card:hover .skin-image img{transform:scale(1.05)}.skin-rarity-badge{border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;position:absolute;right:12px;text-shadow:0 1px 2px rgba(0,0,0,.5);top:12px}.skin-info{padding:20px}.skin-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.skin-weapon{color:#8b5cf6;font-size:.9rem;font-weight:500;margin-bottom:12px}.skin-description{color:#ccc;font-size:.85rem;line-height:1.5;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.skin-footer{justify-content:space-between}.skin-footer,.skin-price{align-items:center;display:flex}.skin-price{color:#f59e0b;font-size:1.1rem;font-weight:700;gap:6px}.skin-category{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#8b5cf6;font-size:10px;font-weight:700;padding:4px 8px}@media (max-width:768px){.skins-header h1{font-size:2.5rem}.skins-grid{grid-template-columns:1fr}.filters-section{gap:16px}.rarity-container{gap:8px}.rarity-button{font-size:10px;padding:6px 12px}.sort-container{flex-direction:column;gap:8px}}.article-detail-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.article-detail-header{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.article-detail-header .back-button{align-items:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease-in-out;will-change:transform}.article-detail-header .back-button:hover{background:#8b5cf633;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.article-meta{align-items:center;color:#ccc;display:flex;font-size:14px;gap:16px}.article-author,.article-date{align-items:center;display:flex;gap:4px}.article-detail-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:2rem}.article-detail-title{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 4px 8px rgba(139,92,246,.3)}.article-detail-description{color:#ccc;font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.article-detail-content .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.article-detail-content .tag{align-items:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s ease-in-out}.article-detail-content .tag:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.article-content{color:#ccc;line-height:1.8}.article-content h2{border-bottom:2px solid rgba(139,92,246,.3);color:#fff;font-size:1.75rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem}.article-content h2:first-child{margin-top:0}.article-content p{font-size:1.1rem;margin-bottom:1rem}.article-content ul{margin:1rem 0;padding-left:1.5rem}.article-content li{font-size:1.1rem;margin-bottom:.5rem}.article-content li::marker{color:#8b5cf6}.article-not-found{padding:4rem 2rem;text-align:center}.article-not-found h1{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.article-not-found p{color:#ccc;font-size:1.25rem;margin-bottom:2rem}.article-not-found .back-button{align-items:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease-in-out;will-change:transform}.article-not-found .back-button:hover{background:#8b5cf633;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}@media (max-width:768px){.article-detail-container{padding:1rem}.article-detail-header{align-items:stretch;flex-direction:column;gap:1rem}.article-detail-title{font-size:2rem}.article-detail-content{padding:1.5rem}.article-meta{align-items:flex-start;flex-direction:column;gap:8px}}