.world-game dialog.equipment-dialog{width:1120px;max-width:calc(100vw - 32px);max-height:92dvh;background:#14231d;padding:24px;border-color:#697354;scrollbar-color:#8f9168 #14231d;scroll-padding-top:88px}
.equipment-dialog>.dialog-header{background:#14231d;top:-24px;padding-bottom:16px}
.equipment-dialog .tabs{margin-bottom:20px;flex-wrap:wrap}
.equipment-dialog .collection{gap:20px}
.equipment-workspace{display:grid;gap:28px;min-width:0;color:#ecede0}
.equipment-loadout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:32px;align-items:start}
.equipment-loadout.is-empty{grid-template-columns:minmax(0,1fr)}
.equipment-board{width:min(100%,360px);justify-self:center}
.equipment-workspace h3,.equipment-supplies h3,.equipment-summary h3{font-size:18px;font-weight:600;line-height:1.35;margin:0}
.equipment-empty span{font-size:13px;line-height:1.55;color:#bdcbbb}
.equipment-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:8px 0}
.equipment-slot{min-width:0;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center}
.equipment-slot-name{font-size:13px;font-weight:600;line-height:1.5;color:#e7d6ad}
.equipment-slot-button{display:grid;place-items:center;width:112px;height:112px;padding:8px;border:1px solid #8e7d51;border-radius:12px;background:#0e1b17;cursor:pointer;color:#c4cbb8;font:inherit}
.equipment-slot-button:disabled{cursor:default;border-color:#566044;border-style:dashed}
.equipment-slot-button .item-art{width:100%;height:94px;aspect-ratio:auto}
.equipment-slot-button .item-art--card{width:62px;margin:auto}
.equipment-slot-empty{font-size:12px;line-height:1.5}
.equipment-slot.is-selected .equipment-slot-button{outline:2px solid #e7c982;outline-offset:3px}
.equipment-slot>small{font-size:11px;line-height:1.4;color:#c4cebb;overflow-wrap:anywhere;max-width:130px}
.equipment-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px}
.equipment-section-heading>span{font-size:12px;color:#bac8b6;font-variant-numeric:tabular-nums}
.equipment-bag{min-width:0;padding-top:24px;border-top:1px solid #526044}
.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;align-items:start;max-height:330px;overflow:auto;overscroll-behavior:contain;padding:4px;scrollbar-width:thin;scrollbar-color:#8f9168 #14231d}
.equipment-item{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;padding:6px 6px 8px;border:1px solid #4b5d46;border-radius:12px;background:#0e1d17;color:#e4ead9;font:inherit;cursor:pointer}
.equipment-item.is-selected{border-color:#edd293;outline:1px solid #edd293;outline-offset:2px}
.equipment-item:hover,.equipment-slot-button:not(:disabled):hover{border-color:#dfc485;background:#213527}
.equipment-item-name{font-size:11px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}
.equipment-item>small{font-size:10px;color:var(--item-rarity,#bfccb8);line-height:1.4}
.equipment-empty{padding:36px 0;border-block:1px solid #48573d}
.equipment-empty>p{font-size:16px;margin:0 0 7px}
.equipment-detail{min-width:0;padding-left:28px;border-left:1px solid #526044;display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-content:start}
.equipment-detail>*{grid-column:2;min-width:0}
.equipment-detail-art{grid-column:1;grid-row:1/10;width:100%;margin:0}
.equipment-detail .item-art--card{border-radius:12px}
.equipment-detail h3{font-size:20px;line-height:1.3;color:#f1dfb7;margin:0 0 8px;overflow-wrap:anywhere}
.equipment-identity{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;line-height:1.5;margin-bottom:8px}
.equipment-identity>span{color:var(--item-tint,#c6d0be)}
.equipment-effect{font-size:13px;line-height:1.5;color:#d2dbc9;margin:0 0 8px;max-width:65ch}
.equipment-requirement{display:grid;gap:5px;padding:6px 0;font-size:12px;line-height:1.5;color:#e0d4b1}
.equipment-requirement>span{color:#becdb6;font-variant-numeric:tabular-nums}
.equipment-composition-free{font-size:12px;line-height:1.5;color:#bdcbb5;margin:6px 0}
.equipment-activation{font-size:13px;line-height:1.5;color:#e7c284;margin:6px 0}
.equipment-activation.is-active{color:#b9dfaa}
.equipment-activation>span{display:block;margin-top:4px;color:#cad4bd;font-size:12px}
.equipment-charges{font-size:12px;color:#dfd4b5;font-variant-numeric:tabular-nums;line-height:1.5}
.equipment-detail-action{margin-top:10px}
.equipment-detail-action .equipment-equip{width:100%;min-height:44px;background:#d4bc84;color:#19271c;border-color:#d4bc84;font-size:13px;font-weight:650;white-space:normal}
.equipment-detail-action .equipment-equip:hover:not(:disabled){background:#e5d29f;border-color:#e5d29f}
.equipment-detail-action .equipment-equip:disabled{background:#33432e;color:#b8c6ad;border-color:#52644b;opacity:1}
.equipment-detail-action>p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#bac9b1}
.equipment-rules{font-size:13px;line-height:1.6;color:#d2dbc9;margin-top:10px}
.equipment-rules>summary{cursor:pointer;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:4px;color:#d9c58f}
.equipment-rules>p{margin:4px 0 12px;max-width:65ch}
.equipment-detail.has-promotion>.equipment-detail-art{grid-row:1/4}
.equipment-detail.has-promotion>:is(.equipment-promotion,.equipment-activation,.equipment-detail-action,.equipment-rules){grid-column:1/-1;clear:both}
.equipment-promotion{margin-top:16px;padding-top:16px;border-top:1px solid #526044}
.equipment-promotion h4{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 10px;color:#e7d6ad}
.equipment-promotion-bound{font-size:12px;color:#bed7b2;margin:0 0 10px;line-height:1.5;overflow-wrap:anywhere}
.equipment-promotion-targets{display:grid;gap:6px;max-height:228px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f9168 #14231d;padding:4px}
.equipment-promotion-target{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:62px;padding:8px;border:1px solid #4b5d46;border-radius:12px;background:#0e1d17;color:#e4ead9;text-align:left;font:inherit;cursor:pointer}
.equipment-promotion-target:hover:not(:disabled){border-color:#dfc485;background:#213527}
.equipment-promotion-target.is-selected{border-color:#edd293;outline:1px solid #edd293;outline-offset:1px}
.equipment-promotion-target:disabled{cursor:default;background:#1b2921;color:#c1caba;opacity:1}
.equipment-promotion-portrait{display:block;width:36px;height:48px;overflow:hidden;position:relative}
.equipment-promotion-portrait img{width:100%;height:100%;object-fit:cover}
.equipment-promotion-portrait.has-sheet img{position:absolute;left:0;top:0;width:400%;height:200%;max-width:none;object-fit:fill}
.equipment-promotion-target.is-fallen .equipment-promotion-portrait{filter:grayscale(1);opacity:.6}
.equipment-promotion-label{min-width:0;display:grid;gap:3px}
.equipment-promotion-label strong{font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.equipment-promotion-label small,.equipment-promotion-label>span{font-size:11px;line-height:1.4;color:#bdcbb5;overflow-wrap:anywhere}
.equipment-promotion-label>span{color:#e2c298}
.equipment-promotion-preview{margin-top:12px}
.equipment-promotion-rarity{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;font-size:13px;line-height:1.5}
.equipment-promotion-rarity>:is(strong,span){color:var(--rarity-color,#c2cfba)}
.equipment-promotion-preview dl{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.equipment-promotion-preview dl>div{display:grid;gap:2px}
.equipment-promotion-preview dt{font-size:11px;color:#bdcbb5;line-height:1.4}
.equipment-promotion-preview dd{font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;margin:0;color:#e8dfc5}
.equipment-promotion-note,.equipment-promotion-empty,.equipment-promotion-reason{font-size:12px;line-height:1.5;margin:10px 0 0;color:#bdcbb5}
.equipment-promotion-reason{color:#e7c284}
.equipment-detail.has-promotion .equipment-detail-action{display:grid;gap:8px}
.equipment-detail.has-promotion .equipment-detail-action>p{margin-top:0}
.equipment-detail.has-personal>.equipment-detail-art{grid-row:1/4}
.equipment-detail.has-personal>:is(.equipment-personal-assignment,.equipment-activation,.equipment-detail-action,.equipment-rules){grid-column:1/-1;clear:both}
.equipment-personal-assignment{margin-top:16px;padding-top:16px;border-top:1px solid #526044}
.equipment-personal-assignment h4{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 10px;color:#e7d6ad}
.equipment-personal-bound,.equipment-personal-intro,.equipment-personal-note,.equipment-personal-empty,.equipment-personal-reason{font-size:12px;line-height:1.5;margin:0 0 12px;color:#bdcbb5;overflow-wrap:anywhere}
.equipment-personal-bound{color:#c9dfbb}
.equipment-personal-note,.equipment-personal-reason{margin:12px 0 0}
.equipment-personal-reason{color:#e7c284}
.equipment-personal-targets{display:grid;gap:8px;max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f9168 #14231d;padding:4px}
.equipment-personal-target{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:96px;padding:8px;border:1px solid #4b5d46;border-radius:12px;background:#0e1d17;color:#e4ead9;text-align:left;font:inherit;cursor:pointer}
.equipment-personal-target:hover:not(:disabled){border-color:#dfc485;background:#213527}
.equipment-personal-target.is-selected{border-color:#edd293;outline:1px solid #edd293;outline-offset:1px}
.equipment-personal-target:disabled{cursor:default;background:#1b2921;color:#c1caba;opacity:1}
.equipment-personal-portrait{display:block;width:58px}
.equipment-personal-portrait img,.equipment-personal-fighter>img{display:block;width:100%;height:auto;max-height:116px;object-fit:contain;border-radius:5px}
.equipment-personal-target.is-fallen .equipment-personal-portrait{filter:grayscale(1);opacity:.6}
.equipment-personal-label{min-width:0;display:grid;gap:4px}
.equipment-personal-label strong{font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.equipment-personal-label small,.equipment-personal-label>span{font-size:12px;line-height:1.4;color:#bdcbb5;overflow-wrap:anywhere}
.equipment-personal-label>span{color:#e2c298}
.equipment-detail.has-personal .equipment-detail-action{display:grid;gap:8px}
.equipment-detail.has-personal .equipment-detail-action>p{margin-top:0}
.equipment-personal-board{padding-top:24px;border-top:1px solid #526044;min-width:0}
.equipment-personal-board .equipment-section-heading{margin-bottom:8px}
.equipment-personal-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.equipment-personal-seat{display:grid;grid-template-columns:minmax(68px,88px) minmax(72px,1fr);gap:12px;align-items:start;min-width:0}
.equipment-personal-fighter{display:grid;gap:5px;min-width:0}
.equipment-personal-fighter>strong{font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.equipment-personal-fighter>small,.equipment-personal-slot>small{font-size:11px;line-height:1.4;color:#bdcbb5;overflow-wrap:anywhere}
.equipment-personal-slot{display:grid;justify-items:start;align-content:start;gap:6px;min-width:0}
.equipment-personal-slot>span{font-size:12px;line-height:1.4;color:#e7d6ad}
.equipment-personal-slot .equipment-slot-button{width:76px;height:92px;padding:6px}
.equipment-personal-slot .equipment-slot-button .item-art{height:78px}
.equipment-personal-slot .equipment-slot-button .item-art--card{width:52px}
.equipment-personal-seat.is-selected .equipment-slot-button{outline:2px solid #e7c982;outline-offset:3px}
.equipment-personal-seat.is-empty{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:136px;border-block:1px dashed #526044;padding:12px 0}
.equipment-personal-seat-empty{font-size:13px;line-height:1.5;color:#e7d6ad}
.equipment-personal-seat-note{font-size:12px;line-height:1.5;color:#bdcbb5}
@media(max-width:720px){.equipment-personal-seats{grid-template-columns:minmax(0,1fr);gap:20px}.equipment-personal-seat{grid-template-columns:88px minmax(0,1fr);gap:20px}.equipment-personal-slot{grid-template-columns:76px minmax(0,1fr);gap:6px 12px}.equipment-personal-slot>span{grid-column:1/-1}.equipment-personal-slot .equipment-slot-button{grid-column:1;grid-row:2/5}.equipment-personal-slot>small{grid-column:2}.equipment-personal-seat.is-empty{min-height:88px}}
.equipment-dialog :is(button,summary):focus-visible{outline:2px solid #f5d998;outline-offset:3px}
.equipment-dialog ::selection{background:#e6ce92;color:#18291f}
.equipment-supplies{padding-top:22px;border-top:1px solid #526044;margin-top:4px}
.equipment-supply-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,160px));gap:12px;margin-top:14px}
.equipment-supply{margin:0;min-width:0}
.equipment-supply>.item-art{max-width:96px;margin:auto}
.equipment-supply figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:1.5;text-align:center;color:#d6ddc9;margin-top:6px}
.equipment-supply strong{font-variant-numeric:tabular-nums;color:#e9cf92;font-weight:550}
.equipment-supply figcaption>small{flex-basis:100%;font-size:11px;line-height:1.45;color:#bdcbb5}
.equipment-supply.is-empty .item-art{opacity:.55;filter:saturate(.45)}
.equipment-summary{margin:22px 0}
.equipment-summary>h3{margin-bottom:14px}
.equipment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.equipment-summary-grid>figure{min-width:0;margin:0}
.equipment-summary-grid .item-art{max-width:140px;margin:auto}
.equipment-summary-grid figcaption{display:grid;gap:4px;font-size:12px;line-height:1.5;margin-top:8px}
.equipment-summary-grid figcaption>span{font-size:11px;color:#bdcbb5}
.equipment-strip>.item-art,.equipment-strip>span>.item-art{width:28px;height:28px;aspect-ratio:auto;display:inline-block;border-radius:4px}
.equipment-strip .item-art--card img{object-fit:cover;object-position:top}
.equipment-just-changed :is(.equipment-slot,.equipment-personal-seat).is-selected .equipment-slot-button{animation:equipment-fit .35s cubic-bezier(.16,1,.3,1)}
@keyframes equipment-fit{from{box-shadow:0 8px 16px #0007;filter:brightness(1.35);transform:translateY(-4px)}to{box-shadow:0 0 0 #0000;filter:brightness(1);transform:translateY(0)}}
@media(max-width:1000px){.equipment-loadout{grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);gap:24px}.equipment-detail{display:block;padding-left:24px}.equipment-detail-art{width:104px;float:left;margin:0 16px 12px 0}.equipment-detail-action,.equipment-rules{clear:both}}
@media(max-width:720px){.equipment-loadout{grid-template-columns:minmax(0,1fr)}.equipment-detail{padding:24px 0 0;border-left:0;border-top:1px solid #526044}}
@media(max-width:600px){.world-game dialog.equipment-dialog{max-width:calc(100vw - 16px);padding:16px;max-height:94dvh}.equipment-dialog>.dialog-header{top:-16px}.equipment-workspace{gap:24px}.equipment-loadout{grid-template-columns:minmax(0,1fr);gap:24px}.equipment-board{max-width:300px}.equipment-diagram{gap:20px 24px;padding:0}.equipment-detail{padding:24px 0 0;border-left:0;border-top:1px solid #526044;scroll-margin-top:80px}.equipment-detail h3{font-size:20px}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-supply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.equipment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.equipment-slot-button{width:96px;height:96px}.equipment-slot-button .item-art{height:78px}.equipment-slot-button .item-art--card{width:52px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-detail-art{width:88px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){.equipment-just-changed :is(.equipment-slot,.equipment-personal-seat).is-selected .equipment-slot-button{animation:none}}
.equipment-detail.has-whole-card{display:flex;flex-direction:column;align-items:stretch;scroll-margin-top:0}
.equipment-detail.has-whole-card>.equipment-detail-art{width:min(100%,340px);float:none;margin:0 auto 16px}
.equipment-detail.has-whole-card>:is(h3,.equipment-identity,.equipment-effect,.equipment-composition-free){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.equipment-detail.has-whole-card>.equipment-detail-action{margin-top:12px}
.equipment-detail.has-whole-card :is(.equipment-personal-assignment,.equipment-promotion){margin-top:8px}
.equipment-detail.has-whole-card>.equipment-rules{display:none}
@media(min-width:721px){.equipment-detail.has-whole-card>.equipment-detail-art{width:min(100%,clamp(240px,calc((92dvh - 280px)*.666667),340px))}}