/* A compact store with details opened explicitly by clicking an icon or ?. */
#operation-list.store-operations{display:flex;flex-direction:column;gap:0;background:#121a25}
.store-operation{display:grid;--owned-column:48px;--owned-font-size:26px;grid-template-columns:72px minmax(0,1fr) var(--owned-column) 90px 32px;align-items:center;gap:10px;min-height:72px;padding:8px 12px;background:#121a25;border-bottom:1px solid #263243;min-width:0}
.store-operation:last-child{border-bottom:0}.store-operation.is-owned{background:#14202b}.store-operation.is-inspected{background:#1b2a3b}.store-operation.is-affordable:hover{background:#1a2a3b}
.store-operation.is-upcoming{background:#111923;border-top:1px dashed #34445a}.store-operation.is-upcoming .store-operation-avatar{opacity:.55}.store-operation.is-upcoming .store-operation-output{color:#b9a17e}
.store-operation-avatar{width:72px;min-width:0}.store-operation-avatar .dt-operation-mascot{width:100%}
.store-operation.store-mystery{grid-template-columns:44px minmax(0,1fr) auto;background:#101721;min-height:72px}
.store-mystery-avatar{display:grid;place-items:center;width:36px;height:40px;border:1px dashed #405067;background:#17212d;color:#6e8199;font:600 24px ui-monospace,monospace;box-shadow:4px 4px 0 #0b111a}
.store-mystery .store-operation-copy h3{color:#7f91a7;letter-spacing:3px}
.store-mystery .store-operation-output{color:#8294ab}
.store-mystery-label{font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px;color:#687b93;padding:0 4px}
@media(max-width:600px){.store-operation.store-mystery{grid-template-columns:34px minmax(0,1fr);gap:7px}.store-mystery-avatar{width:28px;height:34px;font-size:20px}.store-mystery-label{display:none}}
.store-operation-copy{min-width:0}.store-operation-copy h3{font-size:13px;font-weight:600;line-height:1.35;margin:0}.store-operation-output{display:block;color:#859eb9;font-size:10px;margin-top:5px;line-height:1.3;font-variant-numeric:tabular-nums}
.store-owned{min-width:0;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:min(var(--owned-font-size),calc(var(--owned-column) / var(--owned-glyphs,3) / .65));white-space:nowrap;line-height:1;text-align:center;font-weight:500;color:#95a9bf;font-variant-numeric:tabular-nums}.store-operation.is-owned .store-owned{color:#c3d2e2}
.store-operation-cost{display:block;margin-top:4px;color:#b8a88e;font-size:9px;line-height:1.3;font-variant-numeric:tabular-nums}
.store-operation-actions{display:flex;flex-direction:column;gap:5px;min-width:0}
.store-operation-toggle,.automation-toggle{min-height:28px;padding:4px 8px;border:1px solid #3c4c60;border-radius:5px;background:#1a2736;color:#aebfd1;font-size:10px;line-height:1.2;white-space:nowrap}
.store-operation-toggle:hover,.automation-toggle:hover{background:#28394c;border-color:#7189a4;color:#e7eff8}
.store-operation-toggle[aria-pressed=true],.automation-toggle[aria-pressed=true]{color:#e8c28a;border-color:#6b5941;background:#302b24}
.store-operation-toggle:focus-visible,.automation-toggle:focus-visible{outline:2px solid #8ec9ff;outline-offset:2px}
.store-operation.is-paused .store-operation-output{color:#e0bc86}
.operation-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.operation-controls .team-total{white-space:nowrap}
.operations-panel .panel-heading{gap:12px}
.store-hire{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:43px;padding:5px 8px;border:1px solid #46668b;border-radius:5px;background:#243e5e;color:#d9eaff;font-size:11px;white-space:nowrap}.store-hire .store-price{font-size:12px;font-weight:600}.store-hire:disabled{background:#1b2838;border-color:#33445a;color:#8299b2;opacity:1}
.store-info{display:grid;place-items:center;width:32px;min-height:40px;padding:0;background:none;color:#99aec7;font-size:12px;line-height:1;border-radius:5px;flex:none}.store-info::first-letter{font-weight:600}.store-info:hover,.store-info[aria-expanded=true]{background:#273a52;color:#e5effb}.store-info:focus-visible{outline:2px solid #6ab7ff;outline-offset:-2px}
#powerup-list.store-powers,#provider-list.store-providers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:11px;background:#111a25}
.store-empty{grid-column:1/-1;margin:0;padding:16px 10px;color:#8196b0;font-size:11px;line-height:1.7;text-align:center}.powerups-panel h2[tabindex="-1"]:focus-visible{outline:2px solid #6ab7ff;outline-offset:4px;border-radius:2px}
#powerup-list.store-powers{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
.store-tile{position:relative;min-width:0;border:1px solid #2c3b4f;border-radius:6px;background:#192331;overflow:hidden}
.store-tile.is-owned{background:#172b26;border-color:#355c4a}.store-tile.is-inspected{border-color:#7998bc}.store-tile-buy{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:94px;width:100%;padding:7px 5px 7px;background:none;border:0;border-radius:5px;color:#c7d6e8}.store-tile-buy:disabled{opacity:1;color:#8197b0;cursor:default}.store-tile.is-locked .store-power-icon,.store-tile.is-locked .store-provider-icon{opacity:.48}.store-tile.is-owned .store-tile-buy{color:#9dcdb8}
.store-power-icon,.store-provider-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #54476e;border-radius:6px;background:#2b263d;color:#d1bff5;font:15px ui-monospace,monospace}.store-provider-icon{color:var(--provider-color,#9cbce5);border-color:color-mix(in srgb,var(--provider-color,#9cbce5) 45%,#1a2739);background:color-mix(in srgb,var(--provider-color,#9cbce5) 12%,#182232)}
.store-tile-name{font-size:10px;font-weight:550;line-height:1.3;min-height:26px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1px}.store-tile .store-price{font-size:10px;line-height:1.2;font-weight:500;margin-top:auto;white-space:nowrap}.store-tile .store-info{position:absolute;top:0;right:0;width:25px;min-height:25px;font-size:10px;color:#829bb8;background:#182333dc}.store-tile.is-owned .store-info{background:#173027d9;color:#89b29e}
.store-tile-name{max-width:100%;overflow-wrap:anywhere}.store-operation-copy h3{overflow-wrap:anywhere}
.store-details{position:fixed;z-index:250;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);padding:16px;background:#1a283b;color:#dce7f5;border:1px solid #4c6687;border-radius:8px;box-shadow:0 14px 45px #0008;overflow:auto;overscroll-behavior:contain;font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.store-details[hidden]{display:none!important}.store-details-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.store-details-title{font-size:15px;line-height:1.3;font-weight:600;margin:0;color:#eef5ff}.store-details-close{width:36px;height:36px;flex:none;margin:-8px -8px -5px 0;background:#22364d;border:1px solid #3f5673;border-radius:5px;font-size:22px;line-height:1;color:#b7cde5}.store-details-description{margin:0 0 13px;color:#a6bad1;font-size:11px;line-height:1.6}.store-details-facts{margin:0;padding:0;border-top:1px solid #33475e}.store-details-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;border-bottom:1px solid #33475e;padding:7px 0;font-size:10px}.store-details-facts dt{color:#9bb1cb}.store-details-facts dd{min-width:0;overflow-wrap:anywhere;margin:0;color:#e0edfb;text-align:right;font-variant-numeric:tabular-nums}.store-details-reason{font-size:11px;margin:12px 0 0;color:#8bd0ad}.store-details-reason.is-blocked{color:#e4bc84}.store-details-footnote{font-size:9px;line-height:1.6;color:#829bb7;margin:9px 0 0}.store-details-buy{display:block;width:100%;min-height:42px;margin-top:14px;padding:9px 12px;border:1px solid #5c81aa;border-radius:5px;background:#2a4e78;color:#e5f0ff;font-size:12px;font-weight:550}.store-details-buy:disabled{opacity:.5}.store-details.is-sheet{border-radius:12px;padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.store-details.is-sheet .store-details-close{width:44px;height:44px}.store-details.is-sheet .store-details-facts>div{font-size:12px;padding:9px 0}.store-details.is-sheet .store-details-description{font-size:12px}.store-details.is-sheet .store-details-footnote{font-size:10px}
@media(max-width:1000px){.store-operation{--owned-column:44px;--owned-font-size:24px;grid-template-columns:64px minmax(0,1fr) var(--owned-column) 86px 32px;gap:8px}.store-operation-avatar{width:64px}.store-operation-copy h3{font-size:12px}#powerup-list.store-powers,#provider-list.store-providers{gap:6px;padding:10px}.store-tile-buy{padding-top:10px}.store-tile-name{font-size:9px}.store-tile .store-price{font-size:9px}}
@media(max-width:600px){.store-operation{--owned-column:40px;--owned-font-size:22px;grid-template-columns:48px minmax(0,1fr) var(--owned-column) 72px 44px;gap:5px;padding:8px;min-height:72px}.store-operation-avatar{width:48px}.store-operation-copy h3{font-size:12px;line-height:1.3}.store-operation-output{font-size:9px;line-height:1.3;margin-top:4px}.store-hire{min-height:44px;padding:5px 4px}.store-hire .store-price{font-size:11px}.store-operation>.store-info{width:44px;min-height:44px;font-size:12px}#powerup-list.store-powers,#provider-list.store-providers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.store-tile-buy{min-height:100px;padding-top:10px;gap:4px}.store-tile-name{font-size:10px;min-height:26px;padding:0 3px}.store-tile .store-price{font-size:10px}.store-power-icon,.store-provider-icon{align-self:flex-start;margin-left:7px}.store-tile .store-info{width:44px;min-height:44px;font-size:12px;top:0;right:0}.store-tile.is-owned .store-info{background:#173027d9}.store-details{max-width:calc(100vw - 24px)}}
@media(max-width:350px){.store-operation{--owned-column:38px;--owned-font-size:19px;grid-template-columns:40px minmax(0,1fr) var(--owned-column) 65px 40px;gap:4px;padding:7px 6px}.store-operation-avatar{width:40px}.store-operation-copy h3{font-size:11px}.store-operation-output{font-size:8px}.store-operation>.store-info{width:40px}.store-hire .store-price{font-size:10px}.store-power-icon,.store-provider-icon{margin-left:3px}.store-tile .store-price{font-size:9px}.store-tile-name{font-size:9px}}
@media(max-width:600px){.store-operation-toggle{min-height:36px;padding:6px 4px}.automation-toggle{min-height:36px}.operation-controls{gap:6px}.operation-controls .team-total span{display:none}.store-operation-cost{font-size:8px}}

/* Power-ups are a shelf of illustrations; their details live in the popover. */
#powerup-list.store-powers{grid-template-columns:repeat(auto-fill,64px);gap:8px;align-content:start;padding:12px}
#infrastructure-list.store-utilities{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:8px;align-content:start;padding:12px;border-top:1px solid #29394b;background:#111c27}
#infrastructure-list.store-utilities[hidden]{display:none}
.store-infrastructure{border-color:#48616a;background:#1b2c36}
.store-power{width:64px;height:64px;box-sizing:border-box;background:#182432;border-color:#33455b;transition:background .15s,border-color .15s}
.store-power .store-tile-buy{min-height:0;height:100%;width:100%;padding:7px;gap:0;justify-content:center;cursor:help}
.store-power.is-affordable{background:#1c3041;border-color:#52775f}
.store-power.is-affordable .store-tile-buy{cursor:pointer}
.store-power:not(.is-affordable){background:#171e27;border-color:#303b48}
.store-power:not(.is-affordable) .store-power-icon{filter:grayscale(1);opacity:.4}
.store-power:hover,.store-power:focus-within{background:#23364b;border-color:#8caacb}
.store-power:not(.is-affordable):hover,.store-power:not(.is-affordable):focus-within{background:#202832;border-color:#7f8a98}
.store-power .store-tile-buy:focus-visible{outline:2px solid #8ec9ff;outline-offset:-3px}
.store-power .store-power-icon{display:block;width:48px;height:48px;align-self:center;margin:0;padding:0;border:0;border-radius:0;background:none;transition:filter .2s,opacity .2s}
.store-power .store-power-icon svg,.store-power .store-power-icon img{display:block;width:100%;height:100%;object-fit:contain}
.store-power .store-info{width:20px;min-height:20px;top:0;right:0;border-radius:0 4px 0 4px;background:#162333e8;font-size:10px;opacity:0;transition:opacity .15s}
.store-power:hover .store-info,.store-power:focus-within .store-info{opacity:1}
@media(max-width:600px),(hover:none),(pointer:coarse){
  #powerup-list.store-powers{grid-template-columns:repeat(auto-fill,68px);gap:8px;padding:10px}
  #infrastructure-list.store-utilities{grid-template-columns:repeat(auto-fill,68px);gap:8px;padding:10px}
  .store-power{width:68px;height:68px}
  .store-power .store-tile-buy{padding:9px;cursor:help}
  .store-power .store-info{display:none}
}
@media(prefers-reduced-motion:reduce){.store-power,.store-power .store-power-icon,.store-power .store-info{transition:none}}