/* One visual equipment language for preparation, the run and its rewards. */
.gear-board{display:grid!important;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);grid-template-rows:auto auto;gap:14px;align-items:start;max-width:820px;margin:22px auto;text-align:left}
.gear-person{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;align-self:center;padding:10px 0}
.gear-person canvas{width:160px;height:206px;image-rendering:pixelated;display:block;background:linear-gradient(180deg,#EDF3FB00,#DEE8F5);border-bottom:2px solid #B4CBE7;border-radius:0 0 50% 50%}
.gear-person-kicker{font:800 8px/1.5 var(--heading);letter-spacing:1px;color:#52637A;max-width:150px}.gear-person>strong{font:800 14px/1.3 var(--heading);margin-top:12px}.gear-person>small{font-size:10px;line-height:1.5;color:#52637A;margin-top:6px}
.gear-position{position:relative;padding:16px;border:1px solid #BCD0E8;border-top:3px solid #7B8DA5;border-radius:12px;background:#fff;min-width:0;box-shadow:0 4px 0 #E9EFF6}
.gear-position-amuleto{grid-column:1;grid-row:1}.gear-position-bolsillo{grid-column:3;grid-row:1}.gear-position-pies{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:65px 1fr 1fr;column-gap:14px;align-items:center;min-height:96px}
.gear-position-pies>canvas{grid-column:1;grid-row:1/5;margin:0}.gear-position-pies>.gear-slot-label,.gear-position-pies>h3,.gear-position-pies>.gear-rarity-label{grid-column:2}.gear-position-pies>.gear-benefits,.gear-position-pies>p{grid-column:3;grid-row:1/4}.gear-position-pies>.gear-owned-state{grid-column:3}.gear-position-pies>select{grid-column:2/4}
.gear-position>canvas{display:block;width:56px;height:56px;margin:12px 0 7px}.gear-position>.gear-slot-label{display:block;font:800 10px var(--heading);text-transform:uppercase;letter-spacing:1.2px;color:#52637A}.gear-position h3{font:800 15px/1.35 var(--heading);margin:8px 0;color:#0B1B33;letter-spacing:-.2px}.gear-position p{font-size:11px;line-height:1.6;color:#52637A;margin:8px 0}.gear-rarity-label{font-size:10px;font-weight:700;color:#52637A}.gear-position .gear-benefits{list-style:none;padding:0;margin:10px 0}.gear-benefits li{font:600 11px/1.6 var(--body);color:#174470}.gear-owned-state{display:block;font:700 9px/1.5 var(--body);color:#52637A;padding-top:10px;margin-top:8px;border-top:1px solid #E2E9F2}.gear-position select{width:100%;margin-top:12px}.gear-position.is-locked{background:#EEF1F5;border-style:dashed;box-shadow:none}.gear-position.is-locked>canvas,.gear-mini.is-empty>canvas{opacity:.35}
.gear-rarity-1{border-color:#0066FF}.gear-rarity-2{border-color:#FF6B35;background:#FFF8F2}.gear-rarity-1 .gear-rarity-label{color:#0052CC}.gear-rarity-2 .gear-rarity-label{color:#A83C16}
.gear-differences{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:8px}.gear-differences>span{font:650 10px/1.45 var(--body);padding:3px 5px;border-radius:4px}.gear-differences .gear-gain{background:#E6F3EB;color:#215E3E}.gear-differences .gear-loss{background:#FDECE8;color:#973E2B}.gear-differences .gear-no-change{background:#E9EEF5;color:#344C68}
.gear-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.gear-collection-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:15px;border:1px solid #D4E0EE;border-radius:12px;background:#fff}.gear-collection-card>canvas{grid-column:1;grid-row:1/5;width:52px;height:52px}.gear-collection-card>div{grid-column:2}.gear-collection-card strong{font:800 13px/1.4 var(--heading)}.gear-collection-card small{display:block;font-size:10px;line-height:1.6;color:#52637A;margin:5px 0}.gear-collection-card .gear-differences{margin:0 0 8px}.gear-collection-card button{justify-self:start;font-size:11px}.gear-shared-note{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;background:#EAF2FF;border:1px solid #CEE0FA;border-radius:10px;font-size:11px;line-height:1.6;margin-top:15px}.gear-shared-note p{margin:0;max-width:520px}.gear-extraction-note{padding:12px 15px;background:#EEF4FA;border-left:3px solid #0066FF;border-radius:0 8px 8px 0;font-size:11px;line-height:1.7;color:#38516F;margin:16px 0}
.gear-hud{display:flex;gap:4px;align-items:center;pointer-events:auto}.gear-mini{position:relative;width:38px;height:38px;border:1px solid #8298B2;border-radius:7px;background:#F3F6FA;display:grid;place-items:center;padding:1px}.gear-mini>canvas{width:30px;height:30px}.gear-mini>i{position:absolute;bottom:1px;right:2px;font-size:6px;letter-spacing:1px;font-style:normal;color:#0052CC}.gear-mini.gear-rarity-2>i{color:#BB4D23}.gear-mini:hover{background:#E6F0FF;border-color:#0066FF}.gear-mini:focus-visible{outline-offset:2px}.gear-mini.gear-rarity-1{border-color:#0066FF}.gear-mini.gear-rarity-2{border-color:#FF6B35}
.gear-rescued-note{color:#246044!important;background:#E5F2E9;border-radius:8px;padding:10px}
@media(max-width:650px){.gear-board{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:8px}.gear-person canvas{width:105px;height:136px}.gear-person-kicker{font-size:7px;letter-spacing:.5px}.gear-person>strong{font-size:11px}.gear-person>small{font-size:8px}.gear-position{padding:11px}.gear-position>canvas{width:43px;height:43px}.gear-position h3{font-size:12px}.gear-position>.gear-slot-label{font-size:8px;letter-spacing:.6px}.gear-position .gear-benefits li,.gear-position p{font-size:9px}.gear-position .gear-owned-state{font-size:8px}.gear-position .gear-rarity-label{font-size:9px}.gear-position select{font-size:10px!important;padding:8px 4px!important}.gear-position-pies{grid-template-columns:47px 1fr 1fr;gap:4px 9px}.gear-collection{grid-template-columns:1fr}.gear-shared-note{font-size:10px}.gear-mini{width:31px;height:31px}.gear-mini>canvas{width:25px;height:25px}#equipment-modal .upgrade-panel{max-height:calc(100dvh - 24px)}}
@media(max-width:420px){.gear-board{grid-template-columns:1fr 1fr}.gear-person{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:95px 1fr;grid-template-rows:28px auto auto;column-gap:12px;text-align:left;justify-items:start;padding:0 8px}.gear-person canvas{grid-column:1;grid-row:1/4;width:84px;height:108px}.gear-person-kicker{grid-column:2;align-self:end;font-size:7px;max-width:none}.gear-person>strong{grid-column:2;font-size:14px;align-self:end;margin-top:6px}.gear-person>small{grid-column:2;font-size:9px;align-self:start;margin:5px 0}.gear-position-amuleto{grid-column:1;grid-row:2}.gear-position-bolsillo{grid-column:2;grid-row:2}.gear-position-pies{grid-row:3}.gear-position h3{font-size:13px}.gear-position .gear-benefits li,.gear-position p{font-size:10px}.gear-collection-card{padding:12px}}