.article-hero{position:relative;padding:calc(var(--header-height) + var(--space-24))0 var(--space-20);text-align:center;overflow:hidden;min-height:420px;display:flex;align-items:center}.breadcrumb+.article-hero{padding-top:var(--space-24)}.article-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(var(--c-zloto-rgb),.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(var(--c-arcanowy-fiolet-rgb),.06) 0%,transparent 60%),var(--gradient-dark-vignette);z-index:0}.article-hero-bg::before{content:"";position:absolute;inset:0;background:var(--texture-parchment);opacity:.4;mix-blend-mode:overlay}.article-hero-bg::after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--c-wegiel),transparent);z-index:1}.article-hero-content{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:0 var(--space-6)}.article-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-zloto-rgb),.2) 0%,rgba(var(--c-zloto-rgb),.05) 70%);border:2px solid rgba(var(--c-zloto-rgb),.3);margin-bottom:var(--space-6);font-size:var(--text-2xl);color:var(--c-zloto-300);box-shadow:var(--glow-gold-sm)}.article-hero h1{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--c-zloto-300);letter-spacing:var(--tracking-cinzel);line-height:var(--leading-tight);margin-bottom:var(--space-5);text-shadow:var(--text-shadow-glow-gold)}.article-body p,.article-hero-subtitle{font-family:var(--font-body);line-height:var(--leading-relaxed)}.article-hero-subtitle{font-size:var(--text-lg);color:var(--c-text-secondary);max-width:720px;margin:0 auto var(--space-6)}.article-hero-divider,.article-meta{display:flex;justify-content:center;gap:var(--space-3)}.article-hero-divider{align-items:center;margin-top:var(--space-4)}.article-hero-divider::after,.article-hero-divider::before{content:"";width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--c-zloto-500),transparent)}.article-hero-divider span{color:var(--c-zloto-500);font-size:var(--text-sm)}.article-meta{flex-wrap:wrap;margin-top:var(--space-5)}.article-meta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background:rgba(var(--c-zloto-rgb),.08);border:1px solid rgba(var(--c-zloto-rgb),.2);border-radius:var(--radius-scroll);font-family:var(--font-body);font-size:var(--text-xs);color:var(--c-zloto-300);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-meta-badge i{font-size:.75em;color:var(--c-zloto-500)}.article-body{position:relative;padding:var(--space-16)0 var(--space-20);background:var(--c-wegiel)}.article-body::before{content:"";position:absolute;inset:0;background:var(--texture-parchment);opacity:.5;pointer-events:none}.article-container{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:0 var(--space-6)}.article-body p{font-size:var(--text-base);color:var(--c-text-primary);margin-bottom:var(--space-5)}.article-body b,.article-body strong{color:var(--c-zloto-200);font-weight:var(--weight-bold)}.article-body em,.article-body i:not([class]){color:var(--c-text-secondary);font-style:italic}.codex-toc{position:relative;background:var(--texture-leather),linear-gradient(135deg,rgba(var(--c-dark-surface-rgb),.95) 0%,rgba(var(--c-dark-elevated-rgb),.98) 100%);border:var(--ornament-double);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-12);box-shadow:var(--shadow-inner-glow),var(--shadow-md)}.codex-toc::after,.codex-toc::before{content:"";position:absolute;width:var(--corner-lg);height:var(--corner-lg);border-color:var(--c-zloto-500);border-style:solid}.codex-toc::before{top:6px;left:6px;border-width:2px 0 0 2px}.codex-toc::after{bottom:6px;right:6px;border-width:0 2px 2px 0}.article-body h2,.codex-toc-title{font-size:var(--text-xl);color:var(--c-zloto-300);letter-spacing:var(--tracking-cinzel);margin-bottom:var(--space-5)}.codex-toc-title i{margin-right:var(--space-2);color:var(--c-zloto-500)}.codex-toc ul{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.codex-toc ul li{counter-increment:toc-counter;margin-bottom:var(--space-3);padding-left:var(--space-1)}.codex-toc ul li a{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--c-text-primary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),padding-left var(--duration-normal) var(--ease-arcane)}.codex-toc ul li a::before{content:counter(toc-counter,upper-roman)".";font-size:var(--text-xs);color:var(--c-zloto-500);letter-spacing:var(--tracking-wide);min-width:40px;flex-shrink:0}.codex-toc ul li a:hover{color:var(--c-zloto-300);background:rgba(var(--c-zloto-rgb),.06);padding-left:var(--space-5)}.article-body h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:var(--space-16);margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative}.article-body h2::after{content:"";position:absolute;bottom:0;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--c-zloto),var(--c-zloto-600),transparent);border-radius:1px}.article-body h3,.article-body h4,.article-body h5,.codex-toc ul li a::before,.codex-toc-title{font-family:var(--font-heading);font-weight:var(--weight-semibold)}.article-body h2,.article-body h3,.codex-toc-title{text-shadow:var(--text-shadow-emboss)}.article-body h3{font-size:var(--text-2xl);color:var(--c-zloto-200);margin-top:var(--space-10);margin-bottom:var(--space-5)}.article-body h4,.article-body h5{margin-bottom:var(--space-3)}.article-body h3,.article-body h4{letter-spacing:var(--tracking-wide);line-height:var(--leading-snug)}.article-body h4{font-size:var(--text-lg);color:var(--c-text-primary);margin-top:var(--space-6)}.article-body h5{font-size:var(--text-base);color:var(--c-text-secondary);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-top:var(--space-5)}.codex-card{position:relative;background:var(--texture-parchment),linear-gradient(180deg,var(--c-dark-surface) 0%,var(--c-dark-elevated) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-8);overflow:hidden;transition:transform var(--duration-normal) var(--ease-arcane),box-shadow var(--duration-normal) var(--ease-arcane),border-color var(--duration-normal) var(--ease-smooth);box-shadow:var(--shadow-sm)}.codex-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--glow-gold-sm);border-color:var(--border-gold)}.codex-card-header{position:relative;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,rgba(var(--c-zloto-rgb),.12) 0%,rgba(var(--c-zloto-rgb),.04) 100%);border-bottom:1px solid var(--border-default)}.codex-card-header h3,.codex-card-level{font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--c-zloto-300)}.codex-card-header h3{font-size:var(--text-xl);letter-spacing:var(--tracking-cinzel);margin:0;padding-right:100px;text-shadow:var(--text-shadow-emboss)}.codex-card-header h3::after,.codex-cta h2::after,.codex-highlight h3::after,.codex-info h3::after,.codex-warning h3::after{display:none}.codex-card-level{position:absolute;top:50%;right:var(--space-6);transform:translateY(-50%);display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:rgba(var(--c-zloto-rgb),.15);border:1px solid rgba(var(--c-zloto-rgb),.3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);white-space:nowrap}.codex-card-body{padding:var(--space-6)}.codex-card-body p{margin-bottom:var(--space-4)}.codex-card-body p:last-child,.codex-highlight p:last-child,.codex-warning p:last-child{margin-bottom:0}.codex-card-body h4{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--c-zloto-400);letter-spacing:var(--tracking-wide);margin-top:var(--space-5);margin-bottom:var(--space-3)}.codex-card-body h4:first-child{margin-top:0}.codex-card--location .codex-card-header{background:linear-gradient(135deg,rgba(46,125,50,.15)0,rgba(46,125,50,.04) 100%);border-bottom-color:rgba(46,125,50,.2)}.codex-card--location .codex-card-header h3{color:#81c784}.codex-card--location:hover{border-color:rgba(46,125,50,.4)}.codex-card--equipment .codex-card-header{background:linear-gradient(135deg,rgba(var(--c-arcanowy-fiolet-rgb),.12) 0%,rgba(var(--c-arcanowy-fiolet-rgb),.04) 100%);border-bottom-color:var(--border-arcane)}.codex-card--equipment .codex-card-header h3{color:var(--c-arcanowy-fiolet-200)}.codex-card--equipment .codex-card-level{background:rgba(var(--c-arcanowy-fiolet-rgb),.15);border-color:rgba(var(--c-arcanowy-fiolet-rgb),.3);color:var(--c-arcanowy-fiolet-200)}.codex-card--equipment:hover{border-color:rgba(var(--c-arcanowy-fiolet-rgb),.4);box-shadow:var(--shadow-lg),var(--glow-purple-sm)}.codex-card--method{border-top:3px solid rgba(var(--c-arcanowy-fiolet-rgb),.4)}.codex-card--method .codex-card-body h3{color:var(--c-arcanowy-fiolet-200);font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-3)}.codex-card--simple{border-left:3px solid rgba(var(--c-arcanowy-fiolet-rgb),.4);border-radius:var(--radius-sm)}.codex-card--simple .codex-card-body h4:first-child{font-size:var(--text-lg);color:var(--c-arcanowy-fiolet-200)}.codex-highlight{background:var(--texture-parchment),linear-gradient(135deg,rgba(var(--c-zloto-rgb),.06) 0%,rgba(var(--c-dark-surface-rgb),.95) 100%);border:1px solid rgba(var(--c-zloto-rgb),.2);border-left:4px solid var(--c-zloto-500);box-shadow:var(--shadow-inner-glow)}.codex-highlight h3,.codex-highlight h4,.codex-warning h3,.codex-warning h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--c-zloto-300);letter-spacing:var(--tracking-wide);margin-top:0;margin-bottom:var(--space-3)}.codex-highlight,.codex-info,.codex-warning{position:relative;border-radius:0 var(--radius-md) var(--radius-md)0;padding:var(--space-6);margin:var(--space-8)0}.codex-warning{background:var(--texture-parchment),linear-gradient(135deg,rgba(var(--c-crimson-rgb),.06) 0%,rgba(var(--c-dark-surface-rgb),.95) 100%);border:1px solid rgba(var(--c-crimson-rgb),.2);border-left:4px solid var(--c-crimson)}.codex-warning h3,.codex-warning h4{color:var(--c-crimson-light)}.codex-info{background:var(--texture-parchment),linear-gradient(135deg,rgba(var(--c-mistyczny-blekit-rgb),.06) 0%,rgba(var(--c-dark-surface-rgb),.95) 100%);border:1px solid rgba(var(--c-mistyczny-blekit-rgb),.2);border-left:4px solid var(--c-mistyczny-blekit)}.codex-info h3,.codex-info h4{color:var(--c-mistyczny-blekit-light);margin-top:0}.codex-tips{background:var(--texture-leather),linear-gradient(180deg,var(--c-dark-surface) 0%,rgba(var(--c-wegiel-rgb),.98) 100%);border:1px solid var(--border-default);border-top:3px solid var(--c-zloto-600);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-10)0}.codex-tip{position:relative;background:var(--texture-parchment),var(--c-dark-elevated);border:1px solid var(--border-subtle);border-left:3px solid var(--c-zloto-600);border-radius:0 var(--radius-md) var(--radius-md)0;padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);transition:transform var(--duration-normal) var(--ease-arcane),border-color var(--duration-fast) var(--ease-smooth)}.codex-tip p:last-child,.codex-tip:last-child{margin-bottom:0}.codex-tip:hover{transform:translateX(4px);border-left-color:var(--c-zloto)}.codex-author-info h4,.codex-cta h2,.codex-tip h4{font-family:var(--font-heading);color:var(--c-zloto-300)}.codex-tip h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);margin-top:0;margin-bottom:var(--space-3)}.codex-author{display:flex;align-items:center;gap:var(--space-6);background:var(--texture-leather),var(--c-dark-surface);border:var(--ornament-double);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-12)0;box-shadow:var(--shadow-md)}.codex-author-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;border:2px solid var(--c-zloto-600);box-shadow:var(--glow-gold-sm);flex-shrink:0}.codex-author-avatar img{width:100%;height:100%;object-fit:cover}.codex-author-info h4,.codex-cta h2{letter-spacing:var(--tracking-cinzel)}.codex-author-info h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-top:0;margin-bottom:var(--space-2)}.codex-author-info p{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:var(--leading-normal);margin-bottom:0}.codex-cta{position:relative;padding:var(--space-16)0;text-align:center;overflow:hidden}.codex-cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(var(--c-zloto-rgb),.1) 0%,transparent 60%),var(--texture-stone),linear-gradient(180deg,var(--c-dark-surface) 0%,var(--c-czern) 100%);z-index:0}.codex-cta-bg::after,.codex-cta-bg::before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c-zloto-600),transparent)}.codex-cta-bg::before{top:0}.codex-cta-bg::after{bottom:0}.codex-cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 var(--space-6)}.codex-cta h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-5);text-shadow:var(--text-shadow-glow-gold)}.article-body ol>li,.article-body ul>li,.codex-cta p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--c-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.article-body ol,.article-body ul{list-style:none;padding-left:var(--space-1);margin-bottom:var(--space-6)}.article-body ol>li,.article-body ul>li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-base);color:var(--c-text-primary)}.article-body ul>li::before{content:"";position:absolute;left:2px;top:.7em;width:6px;height:6px;background:var(--c-zloto-500);transform:rotate(45deg);border-radius:1px}.article-body ol{counter-reset:codex-counter}.article-body ol>li{counter-increment:codex-counter;padding-left:var(--space-10)}.article-body ol>li::before{content:counter(codex-counter);position:absolute;left:0;top:.15em;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(var(--c-zloto-rgb),.15);border:1px solid rgba(var(--c-zloto-rgb),.3);border-radius:50%;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-zloto-300)}.codex-card-body ol,.codex-card-body ul,.codex-highlight ul,.codex-tip ul,.codex-warning ul{margin-bottom:var(--space-4)}.codex-toc ul>li::before{display:none}.article-body a:not(.btn-crystal):not([class*=btn]){color:var(--c-zloto-300);text-decoration:none;padding-bottom:2px;background-image:linear-gradient(var(--c-bright-gold),var(--c-bright-gold));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:color var(--duration-fast) var(--ease-smooth),background-size var(--duration-normal) var(--ease-arcane),text-shadow var(--duration-normal) var(--ease-smooth)}.article-body a:not(.btn-crystal):not([class*=btn]):hover{color:var(--c-bright-gold);background-size:100% 1px;text-shadow:0 0 8px rgba(var(--c-zloto-rgb),.3)}.article-body a:not(.btn-crystal):not([class*=btn]):active{color:var(--c-zloto-500)}.codex-badge{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);white-space:nowrap;vertical-align:middle}.codex-badge--level{background:rgba(var(--c-zloto-rgb),.15);border:1px solid rgba(var(--c-zloto-rgb),.3);color:var(--c-zloto-300)}.codex-badge--warrior{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);color:#fca5a5}.codex-badge--paladin{background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);color:#93c5fd}.codex-badge--mage{background:rgba(var(--c-arcanowy-fiolet-rgb),.15);border:1px solid rgba(var(--c-arcanowy-fiolet-rgb),.3);color:var(--c-arcanowy-fiolet-200)}.codex-badge--scout{background:rgba(21,128,61,.15);border:1px solid rgba(21,128,61,.3);color:#86efac}.codex-badge--hunter{background:rgba(133,77,14,.15);border:1px solid rgba(133,77,14,.3);color:#fbbf24}.codex-badge--blade-dancer{background:rgba(192,38,211,.15);border:1px solid rgba(192,38,211,.3);color:#e879f9}.codex-badge--normal{background:rgba(156,163,175,.15);border:1px solid rgba(156,163,175,.3);color:#d1d5db}.codex-badge--unique{background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);color:#93c5fd}.codex-badge--heroic{background:rgba(var(--c-arcanowy-fiolet-rgb),.15);border:1px solid rgba(var(--c-arcanowy-fiolet-rgb),.3);color:var(--c-arcanowy-fiolet-200)}.codex-badge--legendary{background:rgba(var(--c-zloto-rgb),.2);border:1px solid rgba(var(--c-zloto-rgb),.4);color:var(--c-zloto-200);text-shadow:0 0 6px rgba(var(--c-zloto-rgb),.3)}.gold-amount{color:var(--c-bright-gold);font-weight:var(--weight-bold);text-shadow:0 0 4px rgba(var(--c-bright-gold-rgb),.3)}.exp-level,.item-name{color:var(--c-arcanowy-fiolet-200);font-weight:var(--weight-bold)}.location-name{color:#81c784;font-weight:var(--weight-bold)}.article-body img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-default);box-shadow:var(--shadow-md);margin:var(--space-6)0}.codex-image-frame{position:relative;margin:var(--space-8)0;padding:var(--space-2);border:2px solid rgba(var(--c-zloto-rgb),.25);border-radius:var(--radius-lg);background:var(--c-dark-surface)}.codex-image-frame img{width:100%;border-radius:var(--radius-md);margin:0;border:0;box-shadow:none}.codex-image-frame::after,.codex-image-frame::before{content:"";position:absolute;width:var(--corner-md);height:var(--corner-md);border-color:var(--c-zloto-500);border-style:solid}.codex-image-frame::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.codex-image-frame::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-settle),transform var(--duration-slow) var(--ease-settle)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.article-body [id]{scroll-margin-top:calc(var(--header-height) + var(--space-8))}@media (max-width:991px){.article-hero{min-height:360px;padding:calc(var(--header-height) + var(--space-16))0 var(--space-16)}.breadcrumb+.article-hero{padding-top:var(--space-16)}.article-hero h1{font-size:var(--text-3xl)}.article-hero-subtitle{font-size:var(--text-base)}.article-body{padding:var(--space-12)0 var(--space-16)}.article-body h2{margin-top:var(--space-12)}.article-body h3{font-size:var(--text-xl)}.article-body h2,.codex-cta h2{font-size:var(--text-2xl)}}@media (max-width:767px){.article-hero{min-height:300px;padding:calc(var(--header-height-mobile) + var(--space-12))0 var(--space-12)}.breadcrumb+.article-hero{padding-top:var(--space-12)}.article-hero h1{font-size:var(--text-2xl)}.article-hero-icon{width:56px;height:56px;font-size:var(--text-xl)}.article-body{padding:var(--space-10)0 var(--space-12)}.article-container{padding:0 var(--space-4)}.article-body h2{margin-top:var(--space-10)}.article-body h3,.codex-card-header h3{font-size:var(--text-lg)}.article-body li,.article-body p{font-size:var(--text-sm)}.codex-toc{padding:var(--space-5)}.codex-card-header h3{padding-right:0}.codex-card-level{position:static;transform:none;display:inline-flex;margin-top:var(--space-2)}.codex-card-body,.codex-highlight,.codex-info,.codex-warning{padding:var(--space-4)}.codex-tips{padding:var(--space-5)}.codex-tip{padding:var(--space-4)}.codex-author{flex-direction:column;text-align:center;padding:var(--space-6)}.codex-author-avatar{width:72px;height:72px}.codex-cta{padding:var(--space-12)0}.article-body h2,.codex-cta h2{font-size:var(--text-xl)}.codex-cta p{font-size:var(--text-base)}.article-meta{flex-direction:column;align-items:center}}@media (max-width:480px){.article-hero h1{font-size:clamp(1.25rem,5vw,1.75rem)}.codex-card-header{padding:var(--space-3) var(--space-4)}.codex-card-header h3{font-size:var(--text-base)}.article-body h2,.codex-toc-title{font-size:var(--text-lg)}.codex-toc ul li a{font-size:var(--text-sm);gap:var(--space-2)}}.article-body a:focus-visible,.codex-toc ul li a:focus-visible{outline:2px solid var(--c-zloto);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--c-zloto-rgb),.15);border-radius:var(--radius-xs)}.codex-card:focus-within{border-color:rgba(var(--c-zloto-rgb),.4);box-shadow:var(--shadow-lg),var(--glow-gold-sm)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}.codex-card:hover,.codex-tip:hover{transform:none}.codex-toc ul li a:hover{padding-left:var(--space-3)}.article-body a:not(.btn-crystal):not([class*=btn]){background-image:none;border-bottom:1px solid rgba(var(--c-zloto-rgb),.3);transition:color var(--duration-fast) var(--ease-smooth)}.article-body a:not(.btn-crystal):not([class*=btn]):hover{background-size:0;border-bottom-color:var(--c-bright-gold)}}