.equipment-screen{--equip-line:#9c8da638;--equip-muted:#b9b8c9;margin:14px 0 30px;padding:clamp(14px,3vw,28px);border:1px solid var(--equip-line);border-radius:20px;background:linear-gradient(145deg,#101a2d,#241c37);color:#f4eadb}.equipment-screen h2{margin:6px 0 10px}.equipment-screen h3{font:22px Georgia,serif;margin:10px 0}.equipment-heading>small,.equipment-detail>small,.equipment-inspect>small{font-size:10px;letter-spacing:.15em;color:#debf84}.equipment-muted,.equipment-screen small,.equipment-traits,.equipment-effects{color:var(--equip-muted);font-size:13px;line-height:1.6}.equipment-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.equipment-totals>div{display:grid;text-align:center;padding:13px 8px;border:1px solid var(--equip-line);border-radius:12px;background:#111728}.equipment-totals b{font:26px Georgia,serif;color:#f0d69f}.equipment-totals small{font-size:11px}.equipment-body{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}.equipment-portrait{display:grid;justify-items:center;min-width:0;background:radial-gradient(ellipse,#77608155,transparent 70%);border-radius:18px;overflow:hidden}.equipment-portrait canvas{max-width:100%;width:250px;height:260px;object-fit:contain}.equipment-portrait>span{font-size:12px;color:var(--equip-muted);text-align:center;padding:8px}.equipment-slots{display:grid;gap:10px}.equipment-screen button{cursor:pointer;background:#2b2941;color:#f5e9d4;border:1px solid #a395be66;border-radius:10px;padding:12px;min-height:44px;font:14px system-ui;text-align:left}.equipment-screen button:disabled{opacity:.5;cursor:default}.equipment-screen button:focus-visible,.equipment-screen select:focus-visible{outline:3px solid #eccf90;outline-offset:3px}.equipment-slots button{display:flex;align-items:center;gap:12px}.equipment-slots svg{width:38px;height:38px;flex-shrink:0;color:var(--item-color)}.equipment-slots button>div{display:grid;gap:4px;min-width:0}.equipment-slots button b{overflow-wrap:anywhere;color:var(--item-color)}.equipment-slots span{font-size:11px;color:var(--equip-muted)}.equipment-screen button[aria-pressed=true]{border-color:#edcd89;background:#55413066;box-shadow:inset 0 0 0 1px #edcd8955}.equipment-detail,.equipment-inspect,.equipment-forge{margin-top:22px;padding:18px;border:1px solid var(--equip-line);border-radius:14px;background:#0d1625aa}.equipment-bonuses{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin:14px 0}.equipment-bonuses dt{color:#c5becf}.equipment-bonuses dd{margin:0;color:#f0dcaf;font-variant-numeric:tabular-nums}.equipment-effects{padding-left:20px}.equipment-effects li{margin-bottom:8px}.equipment-traits{padding-top:10px;border-top:1px solid var(--equip-line)}.equipment-bag{display:grid;gap:10px;margin-top:25px}.equipment-bag>button{display:grid;gap:5px}.equipment-comparison{border-top:1px solid var(--equip-line);margin:18px 0;padding-top:8px}.equipment-comparison h4{font-size:12px;color:#c9c0d2;font-weight:400}.equipment-comparison p{font-size:13px;font-variant-numeric:tabular-nums}.equipment-comparison .gain{color:#a4e3ac}.equipment-comparison .loss{color:#ffa7a1}.equipment-empty{padding:18px;border:1px dashed #a395be55;border-radius:10px;color:var(--equip-muted);font-size:13px;line-height:1.6}.equipment-notice:empty{display:none}.equipment-notice{color:#f2d499;line-height:1.6}.equipment-forge select{min-height:44px;width:100%;background:#172238;color:#ffefd4;border:1px solid #a395be66;padding:10px;border-radius:8px}.equipment-forge>div{margin:16px 0}.equipment-overlay .keeper-card>header{margin-bottom:24px}.keeper-appearance{border:1px solid #9c8da638;padding:16px;border-radius:14px}.keeper-appearance summary{cursor:pointer;font:20px Georgia,serif;padding:8px}.keeper-appearance .keeper-layout{margin-top:20px}.equipment-launch{margin:10px 0 18px}@media(max-width:560px){.equipment-body{grid-template-columns:1fr;gap:10px}.equipment-portrait canvas{width:180px;height:180px}.equipment-slots{grid-template-columns:1fr}.equipment-screen{padding:14px}.equipment-screen h2{font-size:26px}.equipment-detail,.equipment-inspect,.equipment-forge{padding:14px}.equipment-overlay .keeper-card>header{padding-right:80px}.equipment-overlay .keeper-card header>button{position:absolute;font-size:12px}.equipment-overlay .keeper-card h1{font-size:28px}}