.startup-subtitle{color:#ffbd75;font:900 clamp(12px,2vw,20px)/1.2 var(--heading);letter-spacing:.24em;margin:0 0 14px;text-shadow:0 2px 3px #071322}
#equipment-modal .upgrade-panel{width:min(1020px,96vw);max-width:1020px;padding:24px;background:linear-gradient(145deg,#142e48,#081727);color:#eff6ff;border:2px solid #ad8d58;box-shadow:0 10px 0 #040b16,0 0 0 5px #172d42}
#equipment-modal h2{color:#ffe1a8}#equipment-modal p{color:#c2d4e8}#equipment-close{position:sticky;bottom:0;z-index:2;box-shadow:0 -10px 25px #071525}
.gear-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:10px;max-width:none;margin:16px auto}
.gear-person{grid-column:auto;grid-row:auto;min-height:175px}.gear-person canvas{width:100px;height:128px;background:none}.gear-person-kicker{display:none}.gear-person>strong,.gear-person>small{color:inherit}
.gear-position{grid-column:auto!important;grid-row:auto!important;display:block!important;padding:12px;background:#112740!important;border:1px solid #52677f;border-top:3px solid #a28d65;border-radius:6px;box-shadow:inset 0 0 20px #071322;color:#e2eeff;min-height:190px}
.gear-position>canvas{width:74px;height:74px;float:left;margin:6px 8px 8px 0;background:#081321;border-radius:4px}.gear-position h3{font-size:12px;color:#fff1d4;min-height:34px}.gear-position .gear-slot-label{color:#92b9eb;font-size:9px}.gear-position p,.gear-position .gear-benefits{font:500 11px/1.5 var(--body);color:#b9e5d6;clear:both}.gear-position .gear-owned-state{color:#bdcce1;border-color:#29445e;font-size:9px;clear:both}.gear-position .gear-rarity-label{color:#fdca82}.gear-position .soft-button{padding:7px;font-size:10px;min-height:32px;margin-top:8px}.gear-position select{background:#10243c;color:white;border:1px solid #61799b}
.gear-rarity-1{border-color:#69acff}.gear-rarity-2{border-color:#ffc569}.backpack-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:12px 20px;text-align:left;margin:24px 0}.backpack-layout>h3,.backpack-help{grid-column:1/-1;margin:0!important}.backpack-layout>h3{color:#ffe1a8}.backpack-help{font-size:12px}.backpack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:start}.bag-cell{position:relative;aspect-ratio:1;min-height:44px;border:2px solid #847451;background:linear-gradient(#182d43,#060f20);border-radius:5px;padding:3px;touch-action:manipulation;color:#60758d}.bag-cell canvas{width:100%;height:100%;display:block}.bag-cell.is-selected{outline:3px solid #ffb34c;outline-offset:1px;z-index:1}.bag-cell.is-empty{border-color:#2d455e}.bag-rarity{position:absolute;bottom:4px;left:7px;font-size:8px;letter-spacing:2px;color:#ffce76}.backpack-detail{background:#091726;border:1px solid #44607c;border-radius:6px;padding:16px;min-width:0}.backpack-detail>canvas{float:left;margin-right:12px}.backpack-detail>h3{font-size:17px;color:#ffdb9f}.backpack-detail>p{clear:both;font-size:12px;line-height:1.6}.bag-action{border-top:1px solid #30465d;padding:10px 0}.bag-action button{margin-top:8px;width:100%}.backpack-detail .choice-recommendation{font-size:11px}.backpack-detail .text-button{color:#a9c8ee}.gear-load{background:#152d47;color:#cfdfed;border:1px solid #738ca7;border-radius:5px;padding:6px;font:800 11px var(--body)}
.gear-differences .gear-gain{background:#143d35;color:#8ce8b3}.gear-differences .gear-loss{background:#4b2529;color:#ffc2b4}.gear-differences .gear-no-change{background:#25374d;color:#cbdaed}
@media(max-width:700px){#equipment-modal .upgrade-panel{padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.gear-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gear-person{display:flex;grid-column:auto;grid-row:auto;padding:5px;min-height:160px;align-self:center;align-items:center;justify-content:center;text-align:center}.gear-person canvas{width:95px;height:123px}.gear-person>strong{font-size:13px}.gear-person>small{font-size:9px}.gear-position{padding:10px;min-height:170px}.gear-position>canvas{width:58px;height:58px}.gear-position h3{font-size:12px}.gear-position p{font-size:10px}.backpack-layout{grid-template-columns:1fr;gap:12px}.backpack-detail{grid-column:1}.bag-cell{max-height:95px}.backpack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gear-hud{display:none}.startup-subtitle{letter-spacing:.14em}}