/* Compact equipment presentation, inspired by the user-provided video. */
.set-options{color:#80ddbd}
.general-options{color:#dce6ed}.chaos-options{color:#efa66a}.item-grade{font:10px var(--mono);color:var(--muted);margin:5px 0 12px}.equipment-tooltip .options-section li{align-items:flex-start;line-height:1.65}.equipment-tooltip h2{font-size:16px}.equipment-tooltip .dialog-item-art img,.dialog-item-art img{object-fit:contain}
.equipment-panel:first-child .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.equipment-grid{align-items:stretch;gap:20px}.equipment-panel{min-width:0}.equipment-panel .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;align-content:start;gap:14px 12px;padding:24px 28px 28px}.equipment-panel .item-slot{width:70px;height:74px;min-height:74px;padding:8px;display:grid;place-items:center;border-radius:7px}.equipment-panel .item-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.equipment-panel .item-art{width:48px;height:50px}.equipment-panel .item-art img{max-width:44px;max-height:46px}.equipment-panel .type-art img{max-width:36px;max-height:40px}.equipment-panel .upgrade{right:-2px;bottom:-7px;font-size:12px}.equipment-panel .empty-art{font-size:31px;width:48px}.equipment-panel .empty{background:#07121f50;opacity:.65}.panel-header{padding:21px 20px}.panel-header h3{font-size:14px}.panel-header>div>span{font-size:9px}.panel-count{font-size:11px}.section-description{font-size:11px}.equipment-tooltip[hidden]{display:none}.equipment-tooltip{position:fixed;z-index:45;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:22px;background:linear-gradient(135deg,#101e2d,#080f18);border:1px solid #708fa560;border-radius:9px;box-shadow:0 15px 55px #000b;color:var(--text);font-size:11px}.equipment-tooltip h2{color:var(--gold);font:600 17px/1.45 var(--title);margin:0 0 8px}.equipment-tooltip .dialog-item-art{height:62px;margin:10px 0 15px}.equipment-tooltip .dialog-item-art img{width:48px;height:48px}.equipment-tooltip .item-facts{margin:16px 0}.equipment-tooltip .item-facts>div{font-size:10px;padding:8px 0}.equipment-tooltip .illustration-label{font-size:9px}.options-section{margin:20px 0 0}.options-section h3{font:600 11px var(--sans);margin:0 0 9px;letter-spacing:.2px}.options-section ul{list-style:none;margin:0;padding:0}.options-section li{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:4px 0;line-height:1.6}.options-section strong{font-weight:700;white-space:nowrap}.epic-options{color:#bc9de9}.slot-options{color:#80d5e5}.slot-summary{font-size:9px;color:var(--muted);margin:10px 0 0}.partial-description{padding:10px 12px;border:1px solid #e4c79e30;background:#e4c79e08;border-radius:5px;color:#c2b39e;font-size:9px;line-height:1.7;margin:18px 0 0}.equipment-tooltip .dialog-note{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.item-dialog .options-section li{font-size:12px}.item-dialog .item-facts>div{font-size:11px}
@media(min-width:641px)and(max-width:1000px){.equipment-panel:last-child .slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.equipment-panel .slots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;padding:20px 14px 26px}.equipment-panel:last-child .slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-panel .item-slot{width:60px;height:66px;min-height:66px}.equipment-panel .item-art{width:43px;height:44px}.equipment-panel .item-art img{max-width:39px;max-height:41px}.equipment-panel .type-art img{max-width:33px;max-height:37px}.panel-header{padding:18px}.equipment-grid{gap:16px}.item-dialog h2{font-size:19px}.equipment-tooltip{display:none}}
@media(max-width:355px){.equipment-panel .slots-grid,.equipment-panel:last-child .slots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:641px){.character-hero{min-height:224px;padding:24px 30px}.identity{margin-top:16px;margin-bottom:12px}.attributes{margin-top:12px}.stat{padding:12px 18px}.stat>strong{font-size:23px}}
@media(max-width:640px){.equipment-panel:first-child .slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:355px){.equipment-panel:first-child .slots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}