#modal[data-view=cards][open]{zoom:1!important;width:min(1120px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important}
#modal[data-view=cards] .dialog-top{padding:14px 18px}#modal[data-view=cards] #modalTitle{font-size:21px}#modal[data-view=cards] #modalSubtitle{font-size:12px}#modal[data-view=cards] #modalBody{padding:16px 18px}
.equipment-card-workshop{max-width:1080px;margin:auto;font-size:13px;line-height:1.5}.equipment-card-workshop *{box-sizing:border-box}.equipment-card-workshop h3,.equipment-card-workshop p{margin:0}.equipment-card-workshop button{font-size:12px;white-space:normal;line-height:1.4;min-height:38px}
.card-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #345361}.card-overview strong{display:block;font-size:17px;color:#efce85}.card-overview span{font-size:12px;color:#92b2c1}.card-overview .card-location{padding:6px 10px;border:1px solid #756741;border-radius:6px;color:#f0d28e;background:#3a321d55}.card-overview .is-city{color:#95deca;border-color:#346c61;background:#173f3855}
.card-workspace{display:grid;grid-template-columns:244px minmax(0,1fr);gap:18px;align-items:start}.card-equipment-panel{min-width:0;padding:12px;border:1px solid #35596b;border-radius:10px;background:#122b3b}.card-equipment-panel>h3,.card-inventory-toolbar h3{font-size:14px;color:#d3e8f0}.card-gear-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.card-gear-selector button{min-width:0;text-align:left;padding:8px;background:#152f40;border:1px solid #345363;border-radius:6px}.card-gear-selector button>span{display:flex;align-items:center;justify-content:space-between;color:#bad0db;font-weight:700;font-size:12px}.card-gear-selector small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#83a3b4;margin-top:3px}.card-gear-selector i{width:6px;height:6px;border-radius:50%;background:#8df2cf;flex:none}.card-gear-selector [aria-pressed=true],.card-compatible-filter[aria-pressed=true],.card-ring-choice [aria-pressed=true]{border-color:#75dbd3;background:#214b58}.card-gear-selector [aria-pressed=true]>span{color:#b9fff3}.card-gear-selector button:disabled{opacity:.45}
.card-bag-choice{display:block;margin-top:10px;color:#9bb6c4;font-size:11px}.card-bag-choice select{width:100%;min-width:0;max-width:100%;font-size:12px;min-height:38px;margin-top:4px}.card-ring-choice{display:flex;gap:5px;margin-top:6px}.card-ring-choice button{flex:1}
.card-selected{border-top:1px solid #35596b;margin-top:12px;padding-top:12px;overflow-wrap:anywhere}.card-selected>small{font-size:11px;color:#80d5df}.card-selected h3{font-size:13px;margin:4px 0 10px}.card-installed-name{font-size:12px;color:#efce85}.card-selected p{font-size:11px;color:#9cbac8;line-height:1.6;margin:5px 0}.card-selected button{width:100%;margin-top:8px;background:#163b38;border-color:#40796b;color:#b6ecd8}.card-selected .card-slot-empty{border:1px dashed #456a79;border-radius:6px;padding:10px;text-align:center}.card-wallet{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #35596b;padding-top:10px;margin-top:12px;font-size:10px;color:#9db6c3}.card-wallet b{display:block;font-size:13px;color:#efce85}
.card-inventory-panel{min-width:0}.card-inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-inventory-toolbar h3 span{margin-left:6px;border-radius:5px;background:#254957;color:#9ff0df;padding:2px 7px;font-size:12px}.card-compatible-filter{padding:7px 10px;background:#183343;border:1px solid #3c6173;border-radius:6px;color:#a4c3d1}
.card-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.equipment-card{min-width:0;padding:12px;border:1px solid #426576;border-top:3px solid #b58e54;border-radius:9px;background:linear-gradient(145deg,#203b4c,#102736);display:flex;flex-direction:column;overflow-wrap:anywhere}.equipment-card header{display:flex;gap:9px;align-items:center;margin-bottom:12px}.equipment-card header>div{min-width:0}.card-role-icon{display:grid;place-items:center;flex:none;width:32px;height:38px;border:1px solid #86754a;background:#42392155;color:#efce85;border-radius:6px;font-size:21px}.equipment-card header small{font-size:10px;color:#95afbe}.equipment-card h4{font-size:13px;margin:3px 0 0;color:#efd997;line-height:1.45}.equipment-card .card-rule-main{font-size:12px;color:#bed5df}.card-rule-main strong{color:#b0eee0;white-space:nowrap}.equipment-card .card-rule-condition{font-size:11px;line-height:1.5;color:#89aaba;margin-top:5px}.equipment-card .card-compatible-slots{font-size:10px;color:#7f9dac;line-height:1.5;margin-top:8px;margin-bottom:10px}.card-quantities{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.card-quantities span{font-size:10px;background:#0d2231;border:1px solid #345767;border-radius:5px;padding:3px 6px;color:#a6c3d0}.card-quantities b{color:#f0d28e;font-size:12px;margin-left:3px}.equipment-card .card-install{width:100%;margin-top:10px;border:1px solid #519286;background:#23564f;color:#c5fff0;border-radius:6px}.equipment-card .card-install:disabled{border-color:#385360;background:#152b39;color:#7895a3;opacity:1}.card-craft{border-top:1px solid #35515f;margin-top:9px;padding-top:6px;font-size:10px}.card-craft summary{cursor:pointer;color:#9bb8c6;min-height:24px}.card-craft summary small{float:right;font-size:9px;color:#7898aa}.card-craft p{font-size:10px;margin:7px 0}.card-craft button{width:100%;background:#233d49;color:#c1d5de;border-color:#496675}.equipment-card.defense{border-top-color:#6fa8c1}.equipment-card.support{border-top-color:#68ab8c}.equipment-card.utility{border-top-color:#84aacf}.equipment-card.specialist{border-top-color:#ab83cb}.rarity-legendary h4{color:#ffcf7b}.rarity-epic h4{color:#d9b6fc}
.card-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.card-pages span{font-size:12px;color:#9abac9}.card-pages button{background:#183343;border:1px solid #3c6173;border-radius:6px;padding:7px 12px}.card-empty{min-height:260px;border:1px dashed #426576;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:9px;background:#132e3b66}.card-empty>span{font-size:36px;color:#a88c59}.card-empty h3{font-size:16px;color:#d8e9ee}.card-empty p{font-size:12px;max-width:310px;color:#94b2c0}.card-help{border-top:1px solid #345361;margin-top:16px;padding-top:10px;font-size:11px;color:#92afbd}.card-help summary{cursor:pointer;min-height:28px}.card-help p{margin-top:7px;font-size:11px}.card-socket-summary{border:1px solid #426e7d;border-radius:9px;padding:12px;background:#112d3b}.card-socket-summary p{font-size:12px}.card-socket-summary button{font-size:12px}
@media(max-width:1000px){.card-workspace{grid-template-columns:218px minmax(0,1fr);gap:12px}.card-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#modal[data-view=cards][open]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}#modal[data-view=cards] .dialog-top{padding:12px}#modal[data-view=cards] #modalBody{padding:12px}#modal[data-view=cards] #modalTitle{font-size:18px}.card-workspace{grid-template-columns:1fr}.card-overview{align-items:flex-start;gap:8px}.card-overview strong{font-size:15px}.card-overview .card-location{font-size:10px;max-width:135px}.card-gear-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.card-gear-selector button{padding:7px 4px;min-height:44px}.card-gear-selector button>span{font-size:10px}.card-gear-selector small{display:none}.card-equipment-panel{padding:10px}.card-selected{margin-top:8px;padding-top:8px}.card-wallet{margin-top:8px}.equipment-card-workshop button{min-height:44px}.card-catalog{gap:8px}.equipment-card{padding:10px}.equipment-card header{gap:6px}.card-role-icon{width:25px;height:32px;font-size:17px}.equipment-card h4{font-size:12px}.card-inventory-toolbar h3{font-size:13px}.card-compatible-filter{font-size:11px!important}.card-help summary,.card-craft summary{min-height:40px}}
@media(max-width:360px){.card-catalog{grid-template-columns:1fr}}

/* Illustrated faces use the game's existing painted ability atlas. */
.equipment-card{--card-rarity:#708590;padding:7px;background:linear-gradient(150deg,#203747,#10232f);border:1px solid var(--card-rarity);border-top-width:1px;border-radius:10px;overflow:hidden}.equipment-card.rarity-uncommon{--card-rarity:#6ba995}.equipment-card.rarity-rare{--card-rarity:#5aadd3}.equipment-card.rarity-epic{--card-rarity:#b38bdc}.equipment-card.rarity-legendary{--card-rarity:#d6af5e}.card-picture{position:relative;border:1px solid var(--card-rarity);border-radius:6px;overflow:hidden;background:#091a25;margin-bottom:8px}.card-art{width:100%;aspect-ratio:1.16;background-image:url(assets/skills/ability-atlas-v2.webp);background-size:600% 900%;background-repeat:no-repeat}.card-art-badges{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;gap:5px}.card-art-badges small{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#eef4f4;background:#08141ddd;border:1px solid var(--card-rarity);border-radius:4px;padding:2px 5px}.equipment-card .card-picture header{display:block;margin:0;padding:8px 8px 0;min-height:45px;border-top:1px solid var(--card-rarity)}.equipment-card .card-picture h4{font-size:12px;line-height:1.35;margin:0;color:#e8d8a6;overflow-wrap:normal}.equipment-card .card-rule-main{padding:2px 8px 0;font-size:15px;font-weight:700;color:#eff6f7;line-height:1.5}.card-rule-main strong{color:#a8f3d5}.equipment-card .card-rule-condition{padding:1px 8px 0;margin:0;font-size:10px;color:#c4d5de;min-height:32px;line-height:1.45}.equipment-card .card-compatible-slots{padding:4px 8px 8px;margin:0;font-size:9px;color:#87a5b6}.equipment-card .card-quantities{padding:0 2px}.equipment-card .card-install{margin-top:7px}.equipment-card .card-craft{margin:7px 2px 0}.equipment-card .card-picture h4,.equipment-card .card-rule-main,.equipment-card .card-rule-condition{font-family:Inter,Arial,sans-serif}
@media(max-width:650px){.equipment-card{padding:5px}.card-art{aspect-ratio:1.12}.equipment-card .card-picture header{padding:7px 6px 0;min-height:43px}.equipment-card .card-picture h4{font-size:11px}.equipment-card .card-rule-main{padding-left:6px;padding-right:6px;font-size:14px}.equipment-card .card-rule-condition{padding-left:6px;padding-right:6px;font-size:10px;min-height:43px}.equipment-card .card-compatible-slots{padding-left:6px;padding-right:6px;min-height:32px}.card-art-badges{top:4px;left:4px;right:4px}.card-art-badges small{font-size:8px;padding:2px 3px}}

.card-town-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px;border:1px solid #806b3d;border-radius:7px;background:#3d311733}.card-town-action p{font-size:11px;color:#cbbd98}.card-town-action button{flex:none;background:#365a51;color:#d6ffe7;border-color:#79a491;padding:7px 11px}@media(max-width:650px){.card-town-action{align-items:stretch;flex-direction:column;gap:7px}}