.equipment-menu-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px;margin:4px 0 20px;background:#294537;border:1px solid #b3c49766;color:#f2e9c9;border-radius:8px;font-size:18px;text-align:left}.equipment-menu-entry span{font-size:11px;color:#c8d3bd}.equipment-modal{width:min(900px,94vw);max-height:88vh;overflow:auto}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stats div{padding:12px;background:#203a2d;border:1px solid #9ab29622;border-radius:6px}.hero-stats small,.hero-stats b{display:block}.hero-stats small{color:#a7b9a7;font-size:11px}.hero-stats b{font-size:23px;color:#ede6c6;margin-top:3px}.hero-affinities{margin:18px 0;font-size:12px}.hero-affinities span{display:inline-block;border:1px solid;padding:5px 8px;border-radius:20px;margin:0 6px 6px 0}.hero-affinities .weak{color:#f4b38b}.hero-affinities .resist{color:#a5d7c1}.equipment-slots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.equipment-slots section{padding:16px;background:#142a23;border:1px solid #a5bc982b;border-radius:10px}.equipment-slots h3{margin:0;color:#ddc58c;font-size:16px}.equipped-name{color:#bfccb9;font-size:12px}.equipment-slots button{display:block;width:100%;padding:11px;text-align:left;border:1px solid #78978044;background:#21392d;color:#e7dec3;border-radius:6px;margin-top:7px}.equipment-slots button[aria-pressed=true]{border-color:#d9c58e;background:#3c5036}.equipment-slots small{display:block;margin-top:5px;font-size:11px;color:#bac9b8;line-height:1.5}.refine-row{margin:6px 0 10px}.equipment-slots .refine-row button{background:#4a3d22;border-color:#d9c58e88;color:#f4e3b0;text-align:center}.equipment-slots .refine-row button:disabled{opacity:.55}.socket-row{margin:0 0 10px}.equipment-slots .socket-row button{background:#22304a;border-color:#7fb6ff66;color:#d8e6ff;font-size:12px}.companion-section{margin-top:16px;padding:16px;background:#142a23;border:1px solid #a5bc982b;border-radius:10px}.companion-section h3{margin:0;color:#ddc58c;font-size:16px}.companion-section p{color:#bfccb9;font-size:12px}.companion-section button{display:inline-block;margin:6px 6px 0 0;padding:10px 12px;border:1px solid #78978044;background:#21392d;color:#e7dec3;border-radius:6px}.companion-section button[aria-pressed=true]{border-color:#d9c58e;background:#3c5036}@media(max-width:600px){.equipment-slots{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.equipment-menu-entry{display:block}.equipment-menu-entry span{display:block;margin-top:6px}}

.equipment-modal{width:min(1120px,94vw)}.equipment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);gap:24px;align-items:start}.equipment-details{min-width:0}.equipment-portrait{position:sticky;top:0;margin:0;text-align:center;border:1px solid #b8c69b44;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#52705188,#142a23 75%);overflow:hidden;padding:14px 0 24px}.equipment-portrait canvas{display:block;width:100%;height:auto;aspect-ratio:3/4}.equipment-portrait figcaption{color:#ede6c6;font:28px 'Cormorant Garamond',serif}.equipment-portrait small{display:block;color:#a7b9a7;margin-top:7px}@media(max-width:720px){.equipment-layout{grid-template-columns:1fr}.equipment-portrait{position:static;grid-row:1;width:min(240px,100%);justify-self:center}}