:root{--mt-gold:#d7b65d;--mt-gold2:#f1d484;--mt-bg:#090b0f;--mt-panel:#131820;--mt-panel2:#191f29;--mt-border:#343b48;--mt-text:#f2f3f5;--mt-muted:#9da6b3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.materials-page{margin:0;color:var(--mt-text);background:radial-gradient(circle at 85% 0,rgba(215,182,93,.11),transparent 27%),linear-gradient(180deg,#0d1015,#080a0d);font-family:Arial,sans-serif}.materials-page .navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;min-height:76px;padding:10px 3vw;border-bottom:1px solid rgba(215,182,93,.25);background:rgba(8,10,13,.94);backdrop-filter:blur(14px)}.materials-page .logo{display:flex;flex-direction:column;min-width:max-content;text-decoration:none}.materials-page .brand-title{color:var(--mt-gold2);font:800 20px Georgia,serif;letter-spacing:1.5px}.materials-page .brand-sub{color:#848b96;font-size:10px;letter-spacing:3px}.materials-page .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none}.materials-page .nav-links::-webkit-scrollbar{display:none}.materials-page .nav-links a{flex:0 0 auto;padding:10px 11px;color:#b8bec8;text-decoration:none;font-size:13px;border-radius:5px}.materials-page .nav-links a:hover,.materials-page .nav-links .active{color:#fff;background:rgba(215,182,93,.12)}.materials-page .nav-links .active{box-shadow:inset 0 -2px var(--mt-gold)}
.materials-shell{width:min(1220px,94vw);margin:auto;padding:20px 0 72px}.materials-breadcrumb{display:flex;align-items:center;gap:9px;margin:4px 0 18px;color:#737c89;font-size:12px}.materials-breadcrumb a{color:#aeb5c0;text-decoration:none}.materials-breadcrumb i{font-size:8px}.materials-hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;min-height:440px;padding:58px clamp(24px,5vw,70px) 108px;overflow:hidden;border:1px solid #343947;border-radius:12px;background:linear-gradient(105deg,rgba(11,14,19,.98) 20%,rgba(19,23,30,.92) 66%,rgba(61,44,17,.68)),repeating-linear-gradient(125deg,transparent 0 40px,rgba(255,255,255,.015) 40px 41px);box-shadow:0 22px 70px rgba(0,0,0,.45)}.materials-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(242,213,138,.17),transparent 27%);pointer-events:none}.materials-hero>div:first-child{position:relative;z-index:2;align-self:center}.materials-kicker,.catalog-head p,.section-heading>p{margin:0 0 12px;color:var(--mt-gold);font-size:12px;font-weight:800;letter-spacing:2px}.materials-hero h1{margin:0;color:#fff;font:700 clamp(46px,7vw,80px)/1 Georgia,serif;text-shadow:0 3px 20px #000}.materials-hero>div:first-child>p:not(.materials-kicker){max-width:680px;margin:22px 0 0;color:#c4cad2;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-actions a{padding:12px 18px;border:1px solid var(--mt-gold);border-radius:5px;background:linear-gradient(#d7b65d,#ae8733);color:#17130a;font-size:13px;font-weight:800;text-decoration:none}.hero-actions a.secondary{background:transparent;color:var(--mt-gold2)}.hero-actions i{margin-right:7px}.hero-forge{position:relative;z-index:1;display:grid;place-items:center}.hero-forge>i:first-child{font-size:clamp(120px,17vw,220px);color:#252c36;filter:drop-shadow(0 20px 18px #000);transform:rotate(-18deg)}.hero-forge>i:last-child{position:absolute;color:var(--mt-gold2);font-size:clamp(56px,8vw,105px);filter:drop-shadow(0 0 25px rgba(215,182,93,.45));transform:translate(52%,-45%)}.hero-forge span{position:absolute;width:220px;height:220px;border:1px solid rgba(215,182,93,.16);border-radius:50%;box-shadow:0 0 0 30px rgba(215,182,93,.025)}.materials-facts{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:3;border-top:1px solid rgba(215,182,93,.22);background:rgba(5,7,10,.76);backdrop-filter:blur(8px)}.materials-facts div{display:flex;align-items:center;justify-content:center;gap:11px;padding:21px;border-right:1px solid #343947}.materials-facts div:last-child{border:0}.materials-facts strong{color:var(--mt-gold2);font:700 27px Georgia,serif}.materials-facts span{color:#8f98a5;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.materials-notice{display:flex;gap:18px;align-items:flex-start;margin:22px 0 44px;padding:20px 24px;border:1px solid rgba(215,182,93,.28);border-left:4px solid var(--mt-gold);border-radius:7px;background:linear-gradient(90deg,rgba(215,182,93,.1),rgba(215,182,93,.025))}.materials-notice>i{margin-top:2px;color:var(--mt-gold);font-size:22px}.materials-notice strong{font-family:Georgia,serif;font-size:18px}.materials-notice p{margin:5px 0 0;color:#aeb5bf;line-height:1.6}.materials-catalog{scroll-margin-top:95px}.catalog-head,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.catalog-head h2,.section-heading h2{margin:0;color:#fff;font:700 clamp(28px,4vw,42px)/1.1 Georgia,serif}.result-count{display:flex;align-items:baseline;gap:8px;padding:10px 15px;border:1px solid var(--mt-border);border-radius:6px;background:var(--mt-panel)}.result-count strong{color:var(--mt-gold2);font:700 26px Georgia,serif}.result-count span,.section-heading>span{color:var(--mt-muted);font-size:12px}.materials-toolbar{display:grid;grid-template-columns:1.5fr .7fr .65fr;gap:12px;margin-bottom:12px}.materials-toolbar label{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 14px;border:1px solid var(--mt-border);border-radius:6px;background:#10141b}.materials-toolbar label>span:not(.sr-only){color:#8e97a4;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.materials-toolbar input,.materials-toolbar select{width:100%;border:0;outline:0;background:transparent;color:#e9ebef;font-size:14px}.materials-toolbar select{cursor:pointer}.materials-toolbar option{background:#151a22}.materials-search i{color:var(--mt-gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.category-filters button{padding:9px 12px;border:1px solid var(--mt-border);border-radius:4px;background:#11151b;color:#aab1bc;cursor:pointer}.category-filters button:hover,.category-filters button.active{border-color:var(--mt-gold);color:#fff;background:rgba(215,182,93,.12)}.category-filters b{margin-left:5px;color:var(--mt-gold2)}.category-filters .reset-filter{margin-left:auto}.materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.material-card{position:relative;display:grid;grid-template-columns:78px 1fr;min-height:142px;padding:17px;overflow:hidden;border:1px solid var(--mt-border);border-radius:8px;background:linear-gradient(140deg,#171c24,#0f1319);cursor:pointer;transition:.2s}.material-card:hover{transform:translateY(-3px);border-color:rgba(215,182,93,.65);box-shadow:0 14px 32px rgba(0,0,0,.35)}.material-card:focus-visible{outline:2px solid var(--mt-gold);outline-offset:2px}.material-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(215,182,93,.35);border-radius:50%;background:radial-gradient(circle at 35% 30%,#414a58,#151922 68%);box-shadow:inset 0 0 18px rgba(0,0,0,.5),0 10px 18px rgba(0,0,0,.35)}.material-icon>i{font-size:27px;color:var(--mt-gold2);opacity:.85}.material-icon>b{position:absolute;right:-2px;bottom:-3px;min-width:25px;padding:3px 4px;border:1px solid #5b4b29;border-radius:4px;background:#0c0f14;color:#e7ca79;font-size:9px;text-align:center}.material-icon.emerald{border-color:#398769;background:radial-gradient(circle at 35% 30%,#2d6b58,#101b18 70%)}.material-icon.fire{border-color:#9b4d32;background:radial-gradient(circle at 35% 30%,#743a27,#1c1110 70%)}.material-icon.ancient{border-color:#81704c;background:radial-gradient(circle at 35% 30%,#645735,#181611 70%)}.material-icon.unique{border-color:#556ea8;background:radial-gradient(circle at 35% 30%,#354d7a,#111622 70%)}.material-icon.tournament{border-color:#89499d;background:radial-gradient(circle at 35% 30%,#62346e,#19111d 70%)}.material-icon.ragnarok{border-color:#548aaf;background:radial-gradient(circle at 35% 30%,#315d78,#101921 70%)}.material-card-copy{min-width:0}.material-card-copy>span{display:block;margin:2px 0 8px;color:var(--mt-gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.material-card h3{min-height:38px;margin:0;color:#fff;font:700 16px/1.2 Georgia,serif}.material-card p{margin:8px 0;color:#8f98a5;font-size:11px}.material-card p strong{color:#d2d6dc}.material-card-copy>div{display:flex;align-items:center;gap:7px;border-top:1px solid #2a303a;padding-top:9px;color:#8f98a5}.material-card-copy>div small{font-size:9px;text-transform:uppercase}.material-card-copy>div b{color:#d9dde2;font-size:11px}.material-card-copy>div i{margin-left:auto;color:var(--mt-gold);font-size:11px}.materials-empty{padding:55px;text-align:center;border:1px dashed var(--mt-border);color:var(--mt-muted)}.materials-empty>i{font-size:30px;color:var(--mt-gold)}.materials-empty h3{color:#fff;font-family:Georgia,serif}
.quality-guide,.materials-help{margin-top:62px;padding-top:44px;border-top:1px solid #29303a}.quality-track{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.quality-track>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:12px 9px;border:1px solid #303744;border-radius:5px;background:#11151c}.quality-track i,.quality-tab>i,.qdot{display:inline-block;width:13px;height:13px;grid-row:1/3;border:2px solid currentColor;border-radius:50%;background:currentColor;box-shadow:inset 0 0 0 3px #101319}.quality-track span{font-size:11px;font-weight:700}.quality-track small{color:#7e8793;font-size:9px}.poor{color:#7d858f}.common{color:#d9dde3}.uncommon{color:#4ab56d}.rare{color:#4c8fda}.epic{color:#aa65d4}.legendary{color:#e58a35}.ascendant{color:#dfca63}.godlike{color:#ee6868}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.help-grid article{padding:24px;border:1px solid var(--mt-border);border-radius:8px;background:linear-gradient(#171c24,#10141a)}.help-grid>article>i{color:var(--mt-gold);font-size:25px}.help-grid h3{margin:16px 0 9px;font:700 18px Georgia,serif}.help-grid p{margin:0;color:#aab1bb;font-size:13px;line-height:1.6}.help-grid a{display:inline-block;margin-top:14px;color:var(--mt-gold2);font-size:12px;text-decoration:none}
.material-dialog{width:min(980px,94vw);max-height:92vh;padding:0;border:1px solid #4b5260;border-radius:10px;background:#0e1218;color:#eef0f3;box-shadow:0 30px 100px #000}.material-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.dialog-close{position:sticky;top:10px;float:right;z-index:5;width:38px;height:38px;margin:10px;border:1px solid #3e4652;border-radius:50%;background:#161b23;color:#d5d9df;cursor:pointer}.material-detail-head{display:flex;align-items:center;gap:20px;padding:34px 55px 28px;border-bottom:1px solid #303641;background:radial-gradient(circle at 90% 10%,rgba(215,182,93,.13),transparent 32%),linear-gradient(110deg,#191e26,#0f1319)}.detail-icon .material-icon{width:86px;height:86px}.detail-icon .material-icon>i{font-size:37px}.material-detail-head>div:last-child>span,.dialog-section-title span,.panel-title span{color:var(--mt-gold);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.material-detail-head h2{margin:6px 0;color:#fff;font:700 clamp(27px,4vw,42px)/1.1 Georgia,serif}.material-detail-head p{margin:0;color:#969fab;font-size:13px}.material-detail-body{padding:28px 38px 38px}.dialog-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-section-title h3{margin:5px 0 0;font:700 24px Georgia,serif}.dialog-section-title h3 small{color:#7e8792;font:400 12px Arial,sans-serif}.dialog-section-title>small{color:#89929f;font-size:11px}.quality-tabs{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-bottom:18px}.quality-tab{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px 4px;border:1px solid #333a46;border-radius:5px;background:#131820;color:inherit;cursor:pointer}.quality-tab>i{grid-row:auto}.quality-tab span{color:#d3d7dc;font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quality-tab small{color:#7c8591}.quality-tab.active{border-color:currentColor;background:#1b212b;box-shadow:inset 0 -2px currentColor}.material-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.material-values article{position:relative;padding:19px 18px 18px 48px;border:1px solid #323a45;border-radius:7px;background:#151a22}.material-values article>i{position:absolute;top:20px;left:18px;color:var(--mt-gold);font-size:19px}.material-values span{display:block;color:#8f98a4;font-size:10px;text-transform:uppercase}.material-values strong{display:block;margin:7px 0 3px;color:#fff;font:700 22px Georgia,serif}.material-values small{color:#8b949f;font-size:10px}.comparison-panel{margin-top:17px;padding:20px;border:1px solid #343c48;border-radius:8px;background:#141920}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.panel-title>i{color:var(--mt-gold);font-size:20px}.panel-title h3{margin:3px 0 0;font:700 20px Georgia,serif}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:610px}th{padding:10px 12px;border-bottom:1px solid #3c4451;color:#87909d;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:1px}td{padding:10px 12px;border-bottom:1px solid #292f39;color:#c9ced5;font-size:12px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:rgba(215,182,93,.08)}td:first-child{display:flex;align-items:center;gap:8px}td:first-child strong{min-width:75px}td:first-child small,td:last-child small{color:#7e8792}.qdot{width:12px;height:12px;box-shadow:inset 0 0 0 3px #151920}.detail-note{display:flex;gap:12px;margin-top:15px;padding:14px 16px;border-left:3px solid var(--mt-gold);background:rgba(215,182,93,.07);color:#9fa7b2;font-size:11px;line-height:1.5}.detail-note i{color:var(--mt-gold)}.detail-note p{margin:0}
@media(max-width:1000px){.materials-grid{grid-template-columns:repeat(3,1fr)}.quality-track{grid-template-columns:repeat(4,1fr)}.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.materials-page .navbar{min-height:64px;padding:8px 4vw}.materials-page .brand-title{font-size:17px}.materials-page .nav-links a{padding:9px;font-size:11px}.materials-shell{width:92vw;padding-top:14px}.materials-breadcrumb{overflow-x:auto;white-space:nowrap}.materials-hero{display:block;min-height:510px;padding:42px 22px 104px}.materials-hero>div:first-child>p:not(.materials-kicker){font-size:15px}.hero-forge{position:absolute;right:-12px;bottom:90px;opacity:.35}.hero-forge>i:first-child{font-size:120px}.hero-forge>i:last-child{font-size:58px}.materials-facts div{flex-direction:column;gap:3px;padding:13px 4px;text-align:center}.materials-facts strong{font-size:21px}.materials-facts span{font-size:8px}.materials-notice{padding:17px}.catalog-head,.section-heading{align-items:flex-start;flex-direction:column}.materials-toolbar{grid-template-columns:1fr}.materials-toolbar label{min-height:46px}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.category-filters button{flex:0 0 auto}.category-filters .reset-filter{margin-left:0}.materials-grid{grid-template-columns:repeat(2,1fr);gap:9px}.material-card{display:block;min-height:195px;padding:14px}.material-icon{width:58px;height:58px;margin-bottom:12px}.material-card h3{min-height:38px;font-size:15px}.material-card-copy>div{margin-top:10px}.quality-track{display:flex;overflow-x:auto}.quality-track>div{min-width:120px}.help-grid{grid-template-columns:1fr}.material-dialog{width:96vw;max-height:94vh}.material-detail-head{padding:47px 20px 22px}.detail-icon .material-icon{width:68px;height:68px}.material-detail-body{padding:20px 15px 28px}.dialog-section-title{align-items:flex-start;flex-direction:column}.quality-tabs{display:flex;overflow-x:auto;padding-bottom:5px}.quality-tab{flex:0 0 75px}.material-values{grid-template-columns:1fr}.comparison-panel{padding:14px}.dialog-close{position:absolute;right:0}}
@media(max-width:390px){.materials-grid{grid-template-columns:1fr}.material-card{display:grid;min-height:140px}.materials-facts span{letter-spacing:0}.hero-actions a{width:100%;text-align:center}}
.material-icon.has-image{border-color:rgba(215,182,93,.28);border-radius:8px;background:radial-gradient(circle at 50% 40%,#2a303a,#10141a 72%);overflow:hidden}.material-icon.has-image img{display:block;width:100%;height:100%;object-fit:contain;padding:3px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.detail-icon .material-icon.has-image{border-radius:10px}.material-icon.missing-image:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(255,255,255,.08);border-radius:50%}
.item-section-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:10px;margin:0 0 18px}.item-section-tabs a{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;padding:13px 16px;border:1px solid var(--mt-border);border-radius:7px;background:#11161d;color:#d7dbe1;text-decoration:none}.item-section-tabs i{grid-row:1/3;color:var(--mt-gold);font-size:20px}.item-section-tabs span{font:700 16px Georgia,serif}.item-section-tabs small{color:#7f8996;font-size:10px}.item-section-tabs a:hover,.item-section-tabs a.active{border-color:var(--mt-gold);background:linear-gradient(110deg,rgba(215,182,93,.16),rgba(215,182,93,.04));box-shadow:inset 0 -2px var(--mt-gold)}
@media(max-width:760px){.item-section-tabs{grid-template-columns:repeat(2,1fr)}.item-section-tabs a{grid-template-columns:26px 1fr;padding:11px}.item-section-tabs span{font-size:14px}.item-section-tabs small{display:none}}

.material-assets-gallery{margin:22px 0 28px;padding:24px;border:1px solid rgba(215,182,93,.25);border-radius:16px;background:linear-gradient(135deg,rgba(215,182,93,.08),rgba(19,24,32,.82))}
.material-assets-gallery .section-heading{margin-bottom:18px}
.material-assets-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}
.material-assets-grid figure{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:126px;margin:0;padding:10px 6px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(8,10,13,.58);text-align:center}
.material-assets-grid img{width:72px;height:72px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.55))}
.material-assets-grid figcaption{margin-top:8px;color:#e6d18a;font-size:11px;line-height:1.2}
@media(max-width:980px){.material-assets-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:620px){.material-assets-gallery{padding:16px}.material-assets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.material-assets-grid figure{min-height:112px;padding:8px 4px}.material-assets-grid img{width:60px;height:60px}.material-assets-grid figcaption{font-size:10px}}