.map-banner{position:relative;height:240px;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 60px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.03);margin-bottom:40px;border-radius:8px}.map-banner .header-bg{position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background-position:50%;background-size:cover;filter:blur(1px) grayscale(40%) contrast(1.2);opacity:.2;z-index:1}.map-banner .header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(10,10,12,.3) 0,var(--bg-content) 100%),radial-gradient(ellipse at 80% 20%,rgba(107,30,30,.15) 0,transparent 60%);z-index:2}.map-banner .header-content{position:relative;z-index:3}.map-banner .breadcrumb{font-size:11px;color:var(--gold-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px;opacity:.8}.map-banner h1{font-family:var(--font-cinzel),serif;font-size:3rem;color:#fff;margin:0;letter-spacing:3px;text-shadow:0 4px 20px rgba(0,0,0,.8);font-weight:500}.table-wrapper{position:relative;margin-bottom:60px;background:var(--bg-card);border:1px solid var(--border-dim);background-image:linear-gradient(to bottom right,rgba(20,20,24,.8),rgba(10,10,12,.9));border-radius:4px}.table-wrapper:after,.table-wrapper:before{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--gold-muted);z-index:5}.table-wrapper:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.table-wrapper:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.wiki-table{width:100%;border-collapse:collapse;position:relative;z-index:2}.wiki-table th{background:rgba(0,0,0,.6);color:var(--text-muted);text-align:left;padding:16px 20px;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.04);box-shadow:inset 0 -1px 0 rgba(0,0,0,.5)}.wiki-table td{padding:20px;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle;transition:all .4s ease;position:relative}.wiki-table tr:last-child td{border-bottom:none}.wiki-table tr{position:relative}.wiki-table tr:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(212,184,114,.03),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}.wiki-table tr:hover:after{opacity:1}.wiki-table tr:hover td{border-bottom-color:rgba(212,184,114,.1)}.col-icon{width:80px;position:relative;z-index:1}.item-icon-wrapper{position:relative;width:60px;height:60px}.item-icon-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,var(--item-glow) 0,transparent 60%);opacity:.5;transition:opacity .4s,transform .4s;z-index:-1}.wiki-table tr:hover .item-icon-wrapper:before{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.item-icon{width:100%;height:100%;background:#000;border:1px solid rgba(212,184,114,.4);background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h2v2H1z' fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.wiki-table tr:hover .item-icon{transform:scale(1.05);box-shadow:inset 0 0 15px rgba(212,184,114,.15),0 5px 15px rgba(0,0,0,.5)}.item-icon img{max-width:85%;max-height:85%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.9))}.col-name{width:240px;position:relative;z-index:1}.item-name{font-family:var(--font-cinzel),serif;font-size:15px;color:var(--text-primary);font-weight:600;margin-bottom:6px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:color .3s}.wiki-table tr:hover .item-name{color:var(--item-color)}.item-type{font-size:11px;color:var(--gold-muted);text-transform:uppercase;letter-spacing:1px}.col-usage{width:160px;color:var(--text-secondary)}.col-desc,.col-usage{font-size:13px;position:relative;z-index:1}.col-desc{color:var(--text-primary);line-height:1.6}.lore-text{font-family:var(--font-cinzel),serif;font-size:12px;color:var(--text-muted);margin-top:8px;display:block;border-left:2px solid rgba(255,255,255,.05);padding-left:12px;line-height:1.5}.dense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:60px}.mini-card{background:rgba(15,15,18,.6);border:1px solid var(--border-dim);padding:14px;display:flex;align-items:center;gap:16px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;border-radius:4px}.mini-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(90deg,rgba(212,184,114,.05),transparent);opacity:0;transition:opacity .4s}.mini-card:hover{border-color:rgba(212,184,114,.3);background:rgba(20,20,24,.9);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.4)}.mini-card:hover:after{opacity:1}.mini-icon{width:48px;height:48px;background:#000;border:1px solid rgba(212,184,114,.2);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .4s}.mini-card:hover .mini-icon{transform:scale(1.08);border-color:var(--item-color)}.mini-icon img{max-width:80%;max-height:80%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.mini-info{position:relative;z-index:2}.mini-info h4{font-family:var(--font-cinzel),serif;color:var(--text-primary);font-size:13px;margin-bottom:4px;transition:color .3s}.mini-card:hover .mini-info h4{color:var(--item-color)}.mini-info span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.class-infobox{background:var(--bg-card);border:1px solid var(--border-dim);padding:24px 32px;border-radius:var(--radius-md);margin-bottom:40px;background-image:linear-gradient(135deg,rgba(255,255,255,.02),transparent)}.class-infobox h3{font-family:var(--font-cinzel),serif;color:var(--gold-bright);font-size:1.2rem;margin-bottom:20px;border-bottom:1px solid var(--border-dim);padding-bottom:10px;text-transform:uppercase;letter-spacing:2px}.stat-row{display:flex;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.02);padding-bottom:8px}.stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-label{width:140px;color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:2px}.stat-value{font-family:var(--font-cinzel),serif;color:var(--text-primary);font-size:1.1rem;letter-spacing:1px}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.skill-card{background:rgba(10,10,12,.8);border:1px solid var(--border-dim);padding:16px;border-radius:var(--radius-md);display:flex;gap:16px;transition:all .3s}.skill-card:hover{background:var(--bg-card);border-color:rgba(212,184,114,.4);box-shadow:0 4px 12px rgba(0,0,0,.5)}.skill-icon{width:64px;height:64px;flex-shrink:0;background:#000;border:1px solid var(--border-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.skill-icon img{max-width:80%;max-height:80%}.skill-info h4{font-family:var(--font-cinzel),serif;color:var(--gold-bright);font-size:14px;margin:0 0 4px}.skill-type{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px}.skill-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.visual-grid{display:grid;grid-gap:16px;gap:16px;margin:24px 0;width:100%}.visual-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px;overflow:hidden;text-decoration:none!important;border:1px solid var(--border-dim);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,.5);min-height:140px}.visual-card.size-large{min-height:220px}.visual-card.size-small{min-height:100px}.visual-card:hover{transform:translateY(-3px) scale(1.01);border-color:var(--vc-border);box-shadow:0 8px 25px rgba(0,0,0,.8),0 0 12px rgba(212,184,114,.15);z-index:10}.vc-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;transition:transform .5s ease;z-index:1}.visual-card:hover .vc-bg{transform:scale(1.08)}.vc-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(5,5,6,.95) 0,rgba(5,5,6,.3) 60%,transparent);z-index:2;transition:background .3s}.visual-card:hover .vc-overlay{background:linear-gradient(0deg,rgba(5,5,6,.95) 0,rgba(107,30,30,.2) 70%,transparent)}.vc-content{position:relative;z-index:3;padding:14px 16px}.vc-content h3{font-family:var(--font-cinzel),serif;color:#fff;font-size:1.05rem;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.9);letter-spacing:1px;text-transform:uppercase;transition:color .3s}.vc-subtitle{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:4px;font-family:var(--font-inter),sans-serif;letter-spacing:.5px}.visual-card:hover .vc-content h3{color:var(--vc-border)}@media (max-width:768px){.visual-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px;margin:16px 0}.visual-card,.visual-card.size-large{min-height:120px}.vc-content{padding:10px 12px}.vc-content h3{font-size:.9rem}}