/* Camp goods use the same paper, wood and brass as the expedition. */
.camp-entry{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 28px);padding:10px 14px;background:#173f34f2;border:1px solid #b7be8b66;border-radius:8px;box-shadow:0 4px 18px #16372922}
.camp-entry>div{min-width:0;max-width:210px}
.camp-entry strong{display:block;font-size:11px;color:#f1d39d;margin-bottom:5px}
.camp-entry span{display:block;font-size:10px;line-height:1.4;color:#c9d6bc}
.camp-entry .primary-button{min-height:44px;padding:10px 16px;gap:8px;font-size:11px;white-space:nowrap;flex-shrink:0}
.coop-page .game-stage[data-camp=true] .coop-notice{bottom:96px}
@media(max-width:599px) and (orientation:portrait){.camp-entry{bottom:8px;max-width:calc(100% - 16px);gap:9px;padding:8px}.camp-entry strong{font-size:9px;margin-bottom:3px}.camp-entry span{font-size:8px}.camp-entry .primary-button{font-size:9px;padding:9px 11px}.coop-page .game-stage[data-camp=true] .coop-notice{bottom:82px}}
@media(orientation:landscape) and (max-height:600px){.camp-entry{bottom:6px;gap:12px;padding:5px 9px}.camp-entry strong{font-size:9px;margin-bottom:2px}.camp-entry span{font-size:8px}.camp-entry .primary-button{padding:8px 12px;font-size:10px}.coop-page .game-stage[data-camp=true] .coop-notice{bottom:70px}}
.shop-dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto;border:0;border-radius:15px;background:#f3ead7;color:#294c3b;padding:30px 34px;box-shadow:0 24px 90px #061d1b66}
.shop-dialog::backdrop{background:#071e1bb8;backdrop-filter:blur(5px)}
.shop-dialog .dialog-close{top:7px;right:7px}
.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:26px}
.shop-heading .eyebrow{color:#8b6337;font-size:9px;margin-bottom:8px}
.shop-heading h2{font-size:37px;letter-spacing:-.9px;margin:0}
.shop-wallet{display:flex;align-items:center;gap:8px}
.shop-wallet svg{width:40px;height:40px}
.shop-wallet strong{font:700 27px Georgia,serif;display:block;color:#785a2e}
.shop-wallet small{display:block;margin-top:3px;font-size:9px;white-space:nowrap;color:#716c4e}
.shop-intro{font-size:12px;line-height:1.6;max-width:440px;margin:17px 0 10px;color:#687459}
.shop-items{margin:0}
.shop-item{display:flex;align-items:center;gap:18px;border-bottom:1px solid #c0b6976b;padding:12px 0;min-height:101px}
.shop-item-art{width:72px;flex-shrink:0;height:76px;display:grid;place-items:center;background:#e7ddbe66;border-radius:50%}
.shop-item-art svg{width:70px;height:70px}
.shop-item-copy{flex:1}
.shop-item-copy>span{text-transform:uppercase;letter-spacing:1.6px;font-size:7px;color:#8d7856}
.shop-item h3{font:400 22px Georgia,serif;margin:4px 0 6px}
.shop-item p{font-size:11px;line-height:1.5;margin:0;max-width:330px;color:#69725b}
.shop-item-buy{width:108px;flex-shrink:0;text-align:center}
.shop-item-buy small{display:block;font-size:9px;color:#7e795e;margin-bottom:7px}
.shop-item-buy button{width:100%;min-height:44px;border:1px solid #bdac84;background:#e5bc80;border-radius:5px;font-size:11px;font-weight:700;color:#2e503c}
.shop-item[data-owned=true] .shop-item-buy button{background:#dde1c9;border-color:#afba9c}
.shop-item[data-equipped=true] .shop-item-buy small{color:#477052}
.shop-item-buy button:disabled{opacity:.55}
.shop-item[data-equipped=true] .shop-item-buy button:disabled{opacity:1;background:#345c46;border-color:#345c46;color:#f9eccc}
.shop-loadout{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:11px}
.shop-loadout>span{font-size:9px;color:#7f795b}
.shop-loadout>div{margin-left:auto;display:flex;gap:12px}
.shop-text-button{border:0;border-bottom:1px solid #9b9e7d;background:transparent;color:#4b6448;font-size:10px;min-height:44px;padding:8px 0;text-underline-offset:4px}
.shop-message{font-size:11px;line-height:1.5;min-height:33px;margin:9px 0 12px;color:#466b48}
.shop-message[data-error=true]{color:#945136}
.shop-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #c0b6976b;padding-top:5px}
.shop-footer small{display:block;font-size:9px;line-height:1.5;color:#7b7e65;max-width:220px}
.shop-footer .primary-button{gap:12px;min-height:44px;font-size:11px}
.coop-page .control-deck{flex-wrap:wrap;gap:6px 12px;padding:10px 20px;min-height:0}
.coop-condition{display:flex;align-items:center;gap:12px;flex:0 0 100%;min-height:20px;font-size:10px;color:#d8d9bc;line-height:1.4}
.coop-health{color:#edb582;letter-spacing:2px;font-size:17px;white-space:nowrap}
.coop-coins{color:#eac285;white-space:nowrap;margin-left:auto}
.coop-loadout{font-size:9px;max-width:280px;text-align:right;color:#afc3a6}
.coop-guard-status{font-size:9px;color:#e9cf91;min-width:55px}
.coop-page .control-deck .control-button{min-height:44px;touch-action:none}
.coop-page .action-controls{gap:9px}
.coop-page .control-hint{font-size:9px;line-height:1.6}
.coop-page .game-stage[data-danger=true]{box-shadow:inset 0 0 40px #a53e3399}
.coop-page .game-stage[data-danger=true] canvas{filter:saturate(.85)}
@media(max-width:700px){.coop-page .control-hint{display:none}.coop-loadout{max-width:135px}}
@media(max-width:599px) and (orientation:portrait){
  .shop-dialog{padding:27px 18px 20px}
  .shop-heading{gap:8px;padding-right:20px;padding-top:26px}
  .shop-heading h2{font-size:29px}
  .shop-heading .eyebrow{font-size:7px;letter-spacing:1.4px}
  .shop-wallet{gap:4px}.shop-wallet svg{width:30px;height:30px}.shop-wallet strong{font-size:24px}.shop-wallet small{font-size:8px}
  .shop-intro{font-size:11px;margin:15px 0 6px}
  .shop-item{gap:10px;padding:10px 0;min-height:100px}
  .shop-item-art{width:49px;height:65px}.shop-item-art svg{width:49px;height:60px}
  .shop-item h3{font-size:19px}.shop-item p{font-size:10px}.shop-item-buy{width:76px}
  .shop-item-buy button{font-size:10px}.shop-loadout{gap:7px;font-size:10px}.shop-loadout>div{margin-left:0;width:100%;gap:20px}
  .shop-footer{gap:12px;align-items:flex-end}.shop-footer small{font-size:8px;max-width:145px}.shop-footer .primary-button{padding:10px;font-size:10px;white-space:nowrap}
  .coop-page .control-deck{padding:8px 11px;gap:6px 5px}
  .coop-condition{gap:7px;font-size:9px;flex-wrap:wrap;row-gap:1px}.coop-loadout{display:none}.coop-health{font-size:16px}.coop-guard-status{font-size:8px;min-width:40px}
  .coop-page .movement-controls{gap:5px}.coop-page .movement-controls .control-button{width:44px}
  .coop-page .action-controls{gap:4px}.coop-page .action-controls .control-button{width:44px}.coop-page .action-controls .control-button.action{width:52px}
}
@media(max-width:350px) and (orientation:portrait){
  .coop-page .control-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .coop-condition{grid-column:1/-1}
  .coop-page .control-deck .movement-controls,.coop-page .control-deck .action-controls{display:contents}
  .coop-page .control-deck .control-button{width:100%;height:44px}
  .shop-item{gap:7px}.shop-item-art{width:40px}.shop-item-art svg{width:40px}.shop-item h3{font-size:17px}.shop-item p{font-size:9px}.shop-item-buy{width:69px}
  .shop-heading h2{font-size:26px}.shop-wallet svg{width:24px}.shop-footer .primary-button{font-size:9px}
}
@media(orientation:landscape) and (max-height:600px){
  .coop-page .control-deck{padding:6px 14px;gap:4px 10px}.coop-condition{min-height:18px;font-size:9px}.coop-health{font-size:14px}
  .coop-page .control-deck .control-button{height:44px}
  .coop-page .game-shell{max-width:calc((100svh - 147px)*2 + 16px);transition:none}
  .coop-page .self-badge svg{height:30px;width:24px}.coop-page .self-badge{min-width:84px}
  .shop-dialog{padding:22px 30px}.shop-heading h2{font-size:28px}.shop-item{min-height:83px;padding:7px 0}.shop-item-art{height:65px}.shop-item-art svg{height:62px}
}