:root{--eq-gold:#d7b65d;--eq-gold-2:#f2d58a;--eq-bg:#090b0f;--eq-panel:#12161d;--eq-panel-2:#181e27;--eq-border:#303744;--eq-text:#f1f2f4;--eq-muted:#9da6b3;--eq-red:#9d3f36}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.equipment-page{margin:0;color:var(--eq-text);background:radial-gradient(circle at 85% 0,rgba(215,182,93,.11),transparent 27%),linear-gradient(180deg,#0d1015 0,#080a0d 100%);font-family:Arial,sans-serif}
.equipment-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)}
.equipment-page .logo{display:flex;flex-direction:column;min-width:max-content;text-decoration:none}.equipment-page .brand-title{color:var(--eq-gold-2);font-family:Georgia,serif;font-size:20px;font-weight:800;letter-spacing:1.5px}.equipment-page .brand-sub{color:#848b96;font-size:10px;letter-spacing:3px}
.equipment-page .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none}.equipment-page .nav-links::-webkit-scrollbar{display:none}.equipment-page .nav-links a{flex:0 0 auto;padding:10px 11px;color:#b8bec8;text-decoration:none;font-size:13px;border-radius:5px}.equipment-page .nav-links a:hover,.equipment-page .nav-links .active{color:#fff;background:rgba(215,182,93,.12)}.equipment-page .nav-links .active{box-shadow:inset 0 -2px var(--eq-gold)}
.equipment-shell{width:min(1220px,94vw);margin:auto;padding:20px 0 72px}.equipment-breadcrumb{display:flex;align-items:center;gap:9px;margin:4px 0 18px;color:#737c89;font-size:12px}.equipment-breadcrumb a{color:#aeb5c0;text-decoration:none}.equipment-breadcrumb i{font-size:8px}
.equipment-hero{position:relative;display:grid;grid-template-columns:1.3fr .7fr;min-height:470px;padding:62px clamp(24px,5vw,70px) 116px;overflow:hidden;border:1px solid #343947;border-radius:12px;background:linear-gradient(105deg,rgba(11,14,19,.98) 20%,rgba(19,23,30,.93) 65%,rgba(74,53,20,.65)),repeating-linear-gradient(125deg,transparent 0 40px,rgba(255,255,255,.015) 40px 41px);box-shadow:0 22px 70px rgba(0,0,0,.45)}
.equipment-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 42%,rgba(242,213,138,.16),transparent 24%);pointer-events:none}.equipment-hero-copy{position:relative;z-index:2;align-self:center}.equipment-kicker,.section-heading>p,.catalog-head p,.research-copy>p{margin:0 0 12px;color:var(--eq-gold);font-size:12px;font-weight:800;letter-spacing:2px}.equipment-hero h1{margin:0;color:#fff;font:700 clamp(46px,7vw,82px)/1 Georgia,serif;text-shadow:0 3px 20px #000}.equipment-hero-copy>p:not(.equipment-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(--eq-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(--eq-gold-2)}.hero-actions i{margin-right:7px}
.equipment-hero-art{position:relative;z-index:1;display:grid;place-items:center}.equipment-hero-art img{position:absolute;width:clamp(120px,14vw,190px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.equipment-hero-art img:nth-child(1){transform:translate(-25%,28%) rotate(-8deg)}.equipment-hero-art img:nth-child(2){z-index:2;transform:translate(22%,-23%) scale(1.12)}.equipment-hero-art img:nth-child(3){transform:translate(48%,42%) rotate(7deg)}
.equipment-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)}.equipment-facts div{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px;border-right:1px solid #343947}.equipment-facts div:last-child{border:0}.equipment-facts span{color:#8f98a5;font-size:11px;text-transform:uppercase;letter-spacing:1px}.equipment-facts strong{color:var(--eq-gold-2);font:700 27px Georgia,serif}
.equipment-notice,.equipment-tip{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(--eq-gold);border-radius:7px;background:linear-gradient(90deg,rgba(215,182,93,.1),rgba(215,182,93,.025))}.equipment-notice>i,.equipment-tip>i{margin-top:2px;color:var(--eq-gold);font-size:22px}.equipment-notice strong,.equipment-tip strong{font-family:Georgia,serif;font-size:18px}.equipment-notice p,.equipment-tip p{margin:5px 0 0;color:#aeb5bf;line-height:1.6}
.equipment-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,.research-copy 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(--eq-border);border-radius:6px;background:var(--eq-panel)}.result-count strong{color:var(--eq-gold-2);font:700 26px Georgia,serif}.result-count span,.section-heading>span{color:var(--eq-muted);font-size:12px}
.equipment-toolbar{display:grid;grid-template-columns:1.5fr .7fr .65fr;gap:12px;margin-bottom:12px}.equipment-toolbar label{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 14px;border:1px solid var(--eq-border);border-radius:6px;background:#10141b}.equipment-toolbar label>span:not(.sr-only){color:#8e97a4;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.equipment-toolbar input,.equipment-toolbar select{width:100%;border:0;outline:0;background:transparent;color:#e9ebef;font-size:14px}.equipment-toolbar select{cursor:pointer}.equipment-toolbar option{background:#151a22}.equipment-search i{color:var(--eq-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(--eq-border);border-radius:4px;background:#11151b;color:#aab1bc;cursor:pointer}.category-filters button:hover,.category-filters button.active{border-color:var(--eq-gold);color:#fff;background:rgba(215,182,93,.12)}.category-filters b{margin-left:5px;color:var(--eq-gold-2)}.category-filters .reset-filter{margin-left:auto}
.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.set-card{position:relative;display:grid;grid-template-columns:92px 1fr;min-height:190px;padding:22px;overflow:hidden;border:1px solid var(--eq-border);border-radius:8px;background:linear-gradient(140deg,#171c24,#0f1319);cursor:pointer;transition:.2s}.set-card:hover{transform:translateY(-3px);border-color:rgba(215,182,93,.65);box-shadow:0 15px 35px rgba(0,0,0,.35)}.set-card:focus-visible{outline:2px solid var(--eq-gold);outline-offset:2px}.set-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(215,182,93,.08);transform:rotate(45deg)}.set-emblem{display:grid;place-items:center;width:78px;height:78px;align-self:start;border:1px solid rgba(215,182,93,.23);border-radius:50%;background:radial-gradient(circle,#252a31,#0d1015 70%)}.set-emblem img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(0,0,0,.55))}.set-fallback{color:var(--eq-gold-2);font:700 23px Georgia,serif;letter-spacing:1px}.set-info{min-width:0}.set-category{display:inline-block;margin-bottom:10px;color:var(--eq-gold);font-size:10px;font-weight:800;letter-spacing:1.5px}.set-card h3{margin:0;color:#fff;font:700 20px/1.2 Georgia,serif}.set-purpose{margin:9px 0 15px;color:#aeb5c0;font-size:13px;line-height:1.45}.set-meta{display:flex;align-items:center;justify-content:space-between;color:#737d89;font-size:11px}.set-meta strong{color:#d2d6dc;font-weight:600}.set-meta i{margin-left:4px;color:var(--eq-gold)}.equipment-empty{padding:50px;text-align:center;border:1px dashed #343a45;border-radius:8px;color:#8f98a5}.equipment-empty i{color:var(--eq-gold);font-size:28px}.equipment-empty h3{color:#fff;font-family:Georgia,serif}
.guide-section,.quality-section,.workshop-section,.research-section{margin-top:72px;scroll-margin-top:100px}.mechanics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mechanics-grid article{padding:24px;border:1px solid var(--eq-border);border-top:2px solid var(--eq-gold);border-radius:6px;background:var(--eq-panel)}.mechanics-grid article>i{color:var(--eq-gold);font-size:25px}.mechanics-grid h3,.workshop-cards h3,.dust-table-wrap h3{margin:18px 0 9px;color:#fff;font:700 19px Georgia,serif}.mechanics-grid p,.workshop-cards p,.dust-table-wrap>p{margin:0;color:var(--eq-muted);font-size:13px;line-height:1.6}
.quality-track{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:1px solid var(--eq-border);border-radius:7px;background:#0f1318}.quality-track div{display:flex;flex-direction:column;align-items:center;padding:20px 8px;border-right:1px solid var(--eq-border)}.quality-track div:last-child{border:0}.quality-track i{width:24px;height:24px;margin-bottom:10px;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 15px currentColor}.quality-track span{color:#eceef2;font-size:13px}.quality-track small{margin-top:5px;color:#737c87;font-size:10px}.poor{color:#777}.common{color:#e7e7e7}.uncommon{color:#62c875}.rare{color:#5ea2f5}.epic{color:#a77cff}.legendary{color:#f0a93b}.ascendant{color:#ee5353}.godlike{color:#f5d46b}
.workshop-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workshop-cards{display:grid;gap:10px}.workshop-cards article{display:grid;grid-template-columns:55px 1fr auto;column-gap:15px;align-items:center;padding:19px;border:1px solid var(--eq-border);border-radius:6px;background:var(--eq-panel)}.workshop-cards article>span{grid-column:3;grid-row:1;color:var(--eq-gold);font-size:11px;text-transform:uppercase}.workshop-cards article>i{grid-row:1/3;color:var(--eq-gold);font-size:27px;text-align:center}.workshop-cards h3{margin:0}.workshop-cards p{grid-column:2/4}.dust-table-wrap{padding:22px;border:1px solid var(--eq-border);border-radius:6px;background:var(--eq-panel)}.dust-table-wrap h3{margin-top:0;font-size:24px}.table-scroll{overflow-x:auto;margin-top:16px}.dust-table-wrap table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.dust-table-wrap th,.dust-table-wrap td{padding:10px 12px;border-bottom:1px solid #2a3039;text-align:right;font-size:12px}.dust-table-wrap th{color:#8f98a4;font-size:10px;text-transform:uppercase}.dust-table-wrap th:first-child,.dust-table-wrap td:first-child{text-align:left}.qdot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor}.pincers-note{margin-top:16px!important;padding:12px;border-left:2px solid var(--eq-gold);background:rgba(215,182,93,.07)}.pincers-note i{margin-right:7px;color:var(--eq-gold)}
.research-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;padding:32px;border:1px solid rgba(215,182,93,.3);border-radius:8px;background:linear-gradient(120deg,rgba(215,182,93,.1),#10141a 48%)}.research-copy>p:last-child{color:var(--eq-muted);line-height:1.6}.research-section ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.research-section li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #343b46;border-radius:4px;background:rgba(5,7,10,.35);color:#c7ccd4;font-size:13px}.research-section li i{width:18px;color:var(--eq-gold);text-align:center}.equipment-tip{margin-top:28px;margin-bottom:0}
.equipment-dialog{width:min(800px,94vw);max-height:90vh;padding:0;overflow:auto;border:1px solid #4b4431;border-radius:10px;background:#10141a;color:var(--eq-text);box-shadow:0 30px 100px #000}.equipment-dialog::backdrop{background:rgba(3,5,7,.84);backdrop-filter:blur(4px)}.dialog-close{position:sticky;top:12px;z-index:5;float:right;margin:12px 12px 0 0;width:38px;height:38px;border:1px solid #414854;border-radius:50%;background:#151a21;color:#d7dbe0;cursor:pointer}.dialog-head{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;padding:34px 34px 26px;border-bottom:1px solid #343a44;background:radial-gradient(circle at 10% 30%,rgba(215,182,93,.12),transparent 40%)}.dialog-head .set-emblem{width:100px;height:100px}.dialog-head .set-emblem img{width:92px;height:92px}.dialog-head h2{margin:5px 0 9px;color:#fff;font:700 34px/1.1 Georgia,serif}.dialog-head p{margin:0;color:#aeb6c1;line-height:1.55}.dialog-body{padding:28px 34px 34px}.dialog-body h3{margin:0 0 16px;color:var(--eq-gold-2);font:700 20px Georgia,serif}.piece-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 24px;padding:0;list-style:none}.piece-list li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #303742;border-radius:5px;background:#151a21;color:#d6dae0;font-size:13px;line-height:1.4}.piece-list i{width:17px;margin-top:2px;color:var(--eq-gold);text-align:center}.dialog-note{padding:15px;border-left:3px solid var(--eq-gold);background:rgba(215,182,93,.08);color:#abb3be;font-size:13px;line-height:1.55}.dialog-note strong{color:#fff}
@media(max-width:1050px){.equipment-grid{grid-template-columns:repeat(2,1fr)}.mechanics-grid{grid-template-columns:repeat(2,1fr)}.quality-track{grid-template-columns:repeat(4,1fr)}.quality-track div:nth-child(4){border-right:0}.quality-track div:nth-child(-n+4){border-bottom:1px solid var(--eq-border)}.workshop-layout{grid-template-columns:1fr}.equipment-page .navbar{align-items:flex-start;flex-direction:column;gap:8px}.equipment-page .nav-links{justify-content:flex-start}}
@media(max-width:700px){.equipment-shell{width:min(94vw,620px);padding-top:12px}.equipment-page .navbar{position:relative;min-height:auto;padding:13px 4vw}.equipment-page .nav-links a{padding:8px;font-size:12px}.equipment-hero{grid-template-columns:1fr;min-height:610px;padding:40px 22px 156px}.equipment-hero-copy>p:not(.equipment-kicker){font-size:15px}.equipment-hero-art{min-height:170px;margin-top:15px}.equipment-hero-art img{width:120px}.equipment-facts{grid-template-columns:1fr 1fr}.equipment-facts div{padding:14px}.equipment-facts div:nth-child(2){border-right:0}.equipment-facts div:nth-child(-n+2){border-bottom:1px solid #343947}.equipment-facts strong{font-size:22px}.equipment-toolbar{grid-template-columns:1fr}.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}.catalog-head{align-items:center}.equipment-grid{grid-template-columns:1fr}.set-card{grid-template-columns:80px 1fr;padding:18px}.set-emblem{width:68px;height:68px}.set-emblem img{width:62px;height:62px}.mechanics-grid{grid-template-columns:1fr}.quality-track{grid-template-columns:repeat(2,1fr)}.quality-track div{border-bottom:1px solid var(--eq-border)}.quality-track div:nth-child(even){border-right:0}.quality-track div:nth-last-child(-n+2){border-bottom:0}.workshop-cards article{grid-template-columns:44px 1fr auto;padding:15px}.research-section{grid-template-columns:1fr;padding:23px}.research-section ul{grid-template-columns:1fr}.equipment-notice,.equipment-tip{padding:17px}.dialog-head{grid-template-columns:78px 1fr;padding:28px 20px 22px}.dialog-head .set-emblem{width:74px;height:74px}.dialog-head .set-emblem img{width:68px;height:68px}.dialog-head h2{font-size:25px}.dialog-body{padding:22px 20px 28px}.piece-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.set-card{transition:none}}