:root{
  color-scheme:dark;
  --an-bg:#0b0907;
  --an-panel:#15110e;
  --an-panel-2:#1b1510;
  --an-line:rgba(255,166,48,.24);
  --an-gold:#f5a438;
  --an-gold-2:#ffd477;
  --an-text:#f4e9dc;
  --an-muted:#aa9b8d;
  --an-green:#6ed99b;
  --an-red:#ff7777;
  --an-purple:#bc91ff;
}

.dojo-build-analyzer-page{margin:0;background:var(--an-bg);color:var(--an-text)}
.dojo-build-analyzer-page main{min-height:70vh}
.dojo-build-analyzer-page .container{width:min(calc(100% - 32px),1180px);margin-inline:auto}
.dojo-build-analyzer-page a{text-decoration:none}
.dojo-build-analyzer-page code{padding:.12rem .38rem;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#090706;color:#e4c897}

.analyzer-hero{position:relative;overflow:hidden;padding:76px 0 54px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 13% 12%,rgba(242,142,29,.18),transparent 34%),radial-gradient(circle at 84% 18%,rgba(112,61,197,.15),transparent 30%),linear-gradient(180deg,#110c08,#0b0907)}
.analyzer-hero::after{content:"";position:absolute;inset:auto -10% -70% 42%;height:520px;background:radial-gradient(circle,rgba(244,161,51,.07),transparent 68%);pointer-events:none}
.analyzer-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center}
.analyzer-eyebrow{display:inline-flex;color:var(--an-gold);font-size:.75rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.analyzer-hero h1{max-width:820px;margin:12px 0 17px;color:#fff5e8;font-size:clamp(2.6rem,6vw,5rem);line-height:.94;letter-spacing:-.055em}
.analyzer-hero-copy>p{max-width:790px;margin:0;color:#c7b8a8;font-size:1.06rem;line-height:1.72}
.analyzer-hero-copy>p strong{color:#f3dfc9}
.analyzer-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.analyzer-btn{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:#eee3d5;font-weight:900;transition:.18s ease}
.analyzer-btn:hover{transform:translateY(-1px);border-color:rgba(255,183,74,.5);color:#ffd486}
.analyzer-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,#f2a12f,#c46117);color:#1c0e05;box-shadow:0 12px 32px rgba(207,100,22,.16)}
.analyzer-hero-note{margin-top:17px!important;color:#8e8074!important;font-size:.8rem!important;line-height:1.55!important}

.analyzer-hero-panel{padding:21px;border:1px solid rgba(255,173,57,.2);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 60px rgba(0,0,0,.26)}
.analyzer-hero-panel-head span{display:block;color:#ad9a86;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.analyzer-hero-panel-head strong{display:block;margin-top:5px;color:#fff0dd;font-size:1.28rem;line-height:1.25}
.analyzer-metric-pills{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
.analyzer-metric-pills span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(9,7,6,.45);color:#d8cab9;font-size:.72rem;font-weight:850}
.analyzer-data-source{padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}
.analyzer-data-source strong{color:var(--an-gold-2);font-size:.82rem}
.analyzer-data-source p{margin:5px 0 0;color:#9f9082;font-size:.79rem;line-height:1.55}

.analyzer-how{padding:48px 0 26px}
.analyzer-section-heading{max-width:760px}
.analyzer-section-heading h2{margin:7px 0 8px;color:#fff0dd;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.025em}
.analyzer-section-heading p{margin:0;color:#9f9184;line-height:1.65}
.analyzer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.analyzer-steps article{position:relative;min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.analyzer-step-number{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(245,164,56,.27);border-radius:12px;background:rgba(245,151,32,.075);color:#f4a640;font-size:.72rem;font-weight:950}
.analyzer-steps h3{margin:15px 0 8px;color:#f5e8d8;font-size:1.03rem}
.analyzer-steps p{margin:0;color:#97897c;font-size:.86rem;line-height:1.58}

.analyzer-tool-section{padding:20px 0 74px}
.analyzer-shell{--panel:#171411;--panel2:#1d1915;--line:#4a351b;--gold:#ffb32b;--gold2:#ffd36a;--text:#f3eee6;--muted:#b8afa2;--green:#53d48a;--red:#ff6b6b;--blue:#62b7ff;--purple:#bf8cff}
.analyzer-shell .panel{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 14px 34px rgba(0,0,0,.13)}
.analyzer-input-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.analyzer-input-heading h2{margin:5px 0 0;color:#fff0dd;font-size:1.45rem}
.analyzer-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 12px;border:1px solid rgba(255,177,58,.28);border-radius:999px;background:rgba(255,166,43,.08);color:#ffc560;font-size:.72rem;font-weight:950;text-transform:uppercase}
.analyzer-shell h2{color:var(--gold2)}
.input-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.input-row input{width:100%;min-height:48px;padding:0 13px;border:1px solid #5d431f;border-radius:10px;outline:none;background:#090807;color:var(--text);font:inherit;font-size:.94rem}
.input-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,179,43,.08)}
.input-row button{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#ffb52f,#d77518);color:#1a1005;font:inherit;font-weight:950;cursor:pointer}
.input-row button:hover{filter:brightness(1.06)}
.input-row button:disabled{opacity:.55;cursor:wait}
.hint,.muted{color:var(--muted);font-size:.86rem}
.hint{margin-bottom:0}
.status{min-height:1.4em;margin:.6rem 0 0}.status.error{color:var(--red)}.status.ok{color:var(--green)}

.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}
.score-card{min-height:185px;padding:16px;border:1px solid #4a351b;border-radius:13px;background:linear-gradient(155deg,#191511,#120f0c)}
.score-label{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.score-value{margin:7px 0;color:var(--gold2);font-size:2.35rem;font-weight:950;line-height:1.02}
.score-raw{color:#c9bcae;font-size:.79rem}
.score-card p{margin-top:13px;line-height:1.52}

.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.summary-item{padding:10px;border:1px solid #35291c;border-radius:9px;background:#0f0d0b}
.summary-item span{display:block;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}
.summary-item strong{display:block;margin-top:3px;color:#f6ebdf}
.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.metric-block{margin:9px 0;border:1px solid #3c2d1d;border-radius:10px;background:#100e0c}
.metric-block summary{padding:12px 14px;color:var(--gold2);font-weight:900;cursor:pointer}
.metric-body{padding:0 14px 14px}
.formula{overflow:auto;padding:10px;border:1px solid #2f2519;border-radius:7px;background:#080706;color:#e9d6a7;font-family:Consolas,Monaco,monospace;font-size:.8rem;line-height:1.55;white-space:pre-wrap}
.component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}
.component{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed #362a1e}
.component b{color:#fff}.component span:last-child{color:var(--gold2);font-family:Consolas,monospace}

.table-wrap{overflow:auto}
.analyzer-shell table{width:100%;min-width:880px;border-collapse:collapse}
.analyzer-shell th,.analyzer-shell td{padding:9px 8px;border-bottom:1px solid #33281e;text-align:left;vertical-align:top}
.analyzer-shell th{color:var(--gold2);font-size:.74rem;text-transform:uppercase}
.analyzer-shell td{font-size:.87rem}
.entity{display:flex;min-width:180px;align-items:center;gap:8px}.entity img{width:34px;height:34px;border-radius:6px;background:#080706;object-fit:cover}
.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:2px 7px;border:1px solid #4a3826;border-radius:999px;background:#17120d;color:#d7c7ad;font-size:.7rem}.tag.damage{border-color:#70422b;color:#ffb391}.tag.condi{border-color:#653952;color:#f0a9d6}.tag.cc{border-color:#34566e;color:#9fd8ff}.tag.support{border-color:#39664f;color:#a9efc8}.tag.cleanse{border-color:#5b4b7b;color:#d4b7ff}.tag.def{border-color:#386348;color:#a7ebbd}.tag.move{border-color:#644e2e;color:#ffda92}
.trait-card,.gear-card,.gap{margin:8px 0;padding:11px;border:1px solid #33281e;border-radius:9px;background:#100e0c}.trait-head{display:flex;align-items:center;gap:9px}.trait-head img{width:36px;height:36px;border-radius:6px}.trait-card p{margin:.45rem 0;color:#d4ccc2}.api-link{font-size:.76rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.stat{padding:9px;border:1px solid #33281e;border-radius:8px;background:#0c0a09}.stat span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.stat b{display:block;margin-top:2px;color:#fff}.gear-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.gear-chip{padding:5px 8px;border:1px solid #3a2e22;border-radius:999px;background:#100d0b;color:#d8cbbd;font-size:.76rem}.sources a,.api-link{color:var(--gold2);text-decoration:underline;text-decoration-color:rgba(255,211,106,.3);text-underline-offset:2px}.raw-panel pre{max-height:440px;overflow:auto;padding:12px;border:1px solid #2f2519;border-radius:7px;background:#080706;color:#d7c9b8;font:12px/1.5 Consolas,monospace;white-space:pre-wrap}.assumptions ul,.sources ul{padding-left:1.2rem;color:#c8bcae}.assumptions li,.sources li{margin:.45rem 0;line-height:1.58}.raw-panel summary{cursor:pointer;color:var(--gold2);font-weight:900}

@media(max-width:900px){.analyzer-hero-grid{grid-template-columns:1fr}.analyzer-hero{padding-top:58px}.analyzer-steps{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.input-row{grid-template-columns:1fr}.input-row button{padding:12px}.score-grid{grid-template-columns:repeat(2,1fr)}.component-list{grid-template-columns:1fr}.section-title-row{align-items:start;flex-direction:column}}
@media(max-width:520px){.score-grid,.summary-grid{grid-template-columns:1fr}.analyzer-hero-actions .analyzer-btn{flex:1 1 100%}.analyzer-hero-panel{padding:17px}.analyzer-tool-section{padding-bottom:52px}.analyzer-input-heading{align-items:flex-start;flex-direction:column}}


/* PvE / WvW full equipment readout */
.advanced-mode-note{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:2px 0 14px;padding:12px 14px;border:1px solid rgba(255,179,43,.2);border-radius:10px;background:rgba(255,179,43,.045)}
.advanced-mode-note strong{color:var(--gold2);white-space:nowrap}.advanced-mode-note span{max-width:760px;color:var(--muted);font-size:.82rem;line-height:1.5}
.advanced-stat-group{margin:14px 0 20px}.advanced-stat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.advanced-stat-head strong{color:#f3e7d8}.advanced-stat-head span{padding:4px 8px;border:1px solid rgba(83,212,138,.22);border-radius:999px;color:#8fe3b3;font-size:.68rem;font-weight:900;text-transform:uppercase}
.advanced-gear-section{margin-top:22px}.advanced-gear-section h3{margin:0 0 9px;color:#f4c86d;font-size:.93rem;text-transform:uppercase;letter-spacing:.055em}.advanced-gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.advanced-gear-card{min-width:0;padding:12px;border:1px solid #33281e;border-radius:10px;background:#100e0c}.advanced-gear-card.is-global{background:linear-gradient(145deg,#12100d,#0d0b09)}
.advanced-gear-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.055)}.advanced-gear-card-head>strong{color:#f7eadb;font-size:.87rem}.advanced-gear-card-head>span{color:var(--gold2);font-size:.74rem;text-align:right}
.advanced-gear-card>p{margin:8px 0 0;color:#aaa093;font-size:.76rem;line-height:1.48}.advanced-gear-line{display:grid;grid-template-columns:minmax(82px,.35fr) minmax(0,1fr);gap:4px 10px;padding:7px 0;border-bottom:1px dashed #2f271f}.advanced-gear-line:last-child{border-bottom:0}.advanced-gear-line>span{color:#908578;font-size:.7rem;text-transform:uppercase}.advanced-gear-line>strong{min-width:0;color:#ddd1c3;font-size:.78rem;font-weight:800}.advanced-source{grid-column:2;color:var(--gold2);font-size:.68rem;text-decoration:underline;text-decoration-color:rgba(255,211,106,.28);text-underline-offset:2px}.advanced-gear-line>small{grid-column:2;color:#8d8276;font-size:.7rem;line-height:1.42}.advanced-gear-empty{padding-top:8px;color:#756d64;font-size:.75rem}
@media(max-width:800px){.advanced-mode-note{flex-direction:column}.advanced-gear-grid{grid-template-columns:1fr}.advanced-gear-card-head{flex-direction:column}.advanced-gear-card-head>span{text-align:left}}
