/* 탐험대 — 지도에 이미 그려진 슬롯 자리 3개에 얹는다. 재촉하는 표시가 없다. */
.expedition{position:fixed;inset:0;z-index:11;display:grid;place-items:center;
  padding:calc(var(--touch) + 12px) 14px 14px;
  background-size:cover;background-position:center;
  background-image:url("../../../assets/bg/bg_expedition_map.webp"),linear-gradient(#e2cfa0,#c9b184)}
@media (orientation:landscape){
  .expedition{background-image:url("../../../assets/bg/bg_expedition_map_land.webp"),linear-gradient(#e2cfa0,#c9b184)}}

.exp-slots{display:flex;flex-wrap:wrap;gap:min(5vmin,26px);justify-content:center;align-items:center}
.exp-slot{width:min(26vmin,150px);aspect-ratio:1;min-width:var(--touch);min-height:var(--touch);
  border-radius:50%;border:5px solid var(--wood);background:rgba(255,250,236,.86);
  display:grid;place-items:center;position:relative;cursor:pointer;padding:8px;
  transition:transform .08s}
.exp-slot:active{transform:scale(.94)}
.exp-pic{width:80%;height:80%;object-fit:contain}

.exp-slot.empty{border-style:dashed;opacity:.85}
.exp-slot.away{cursor:default}
.exp-slot.away .exp-pic{opacity:.55}
.exp-time{position:absolute;bottom:6%;font-size:.6em;background:var(--panel);
  border:2px solid var(--wood);border-radius:999px;padding:1px 10px;font-variant-numeric:tabular-nums}
.exp-slot.done{border-color:var(--leaf);animation:glow 1.15s ease-in-out infinite}

/* 어디로 얼마나 보낼까 — 그림·시간·알 확률만 보여준다 */
.exp-pick{position:fixed;inset:0;z-index:12;display:flex;flex-wrap:wrap;gap:12px;
  align-items:center;justify-content:center;background:rgba(24,18,10,.66);padding:20px}
.exp-trip{display:grid;place-items:center;gap:4px;min-height:var(--touch);
  background:var(--panel);border:4px solid var(--wood);border-radius:22px;
  padding:12px 18px;cursor:pointer;transition:transform .08s}
.exp-trip:active{transform:scale(.94)}
.exp-trip-bug{width:min(14vmin,84px);height:min(14vmin,84px);object-fit:contain}
.exp-trip-time{font-size:.7em;font-variant-numeric:tabular-nums}
.exp-trip-egg{display:flex;align-items:center;gap:3px;font-size:.55em;opacity:.8}
.exp-trip-egg img{width:22px;height:22px}

.exp-got{position:fixed;inset:0;z-index:13;display:flex;align-items:center;justify-content:center;
  gap:10px;background:rgba(24,18,10,.6);font-size:1.1em;cursor:pointer;
  animation:eggUp .4s cubic-bezier(.2,1.3,.4,1)}
.exp-got img{width:min(16vmin,92px);height:min(16vmin,92px);object-fit:contain}
.exp-got span{background:var(--panel);border:4px solid var(--wood);border-radius:999px;padding:8px 22px}
