/* Classification popover and floating toasts
   ------------------------------------------------------------ */
.pick{
  position:absolute;z-index:20;
  background:#0d181c;border:1px solid var(--film-edge);
  box-shadow:0 14px 40px rgba(0,0,0,.6);
  padding:9px;width:216px;
}
.pick p{margin:0 0 8px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between;gap:8px}
.pick p b{color:var(--energy);font-weight:700}
.pick p b.spent{color:var(--energy-low)}
.pick button[disabled]{
  opacity:.34;cursor:not-allowed;text-decoration:line-through;
  text-decoration-color:var(--energy-low);
}
.pick button[disabled]:hover{border-color:var(--film-edge);color:var(--mid)}
.pick button{
  display:flex;align-items:center;gap:8px;width:100%;
  background:#111f24;border:1px solid var(--film-edge);color:var(--mid);
  font-family:var(--hud);font-size:11px;text-align:left;
  padding:7px 9px;margin-bottom:5px;cursor:pointer;
}
.pick button:hover,.pick button:focus-visible{border-color:var(--cc);color:var(--bright);outline:none}
.pick button .sw{height:9px;width:3px}
.pick .cancel{justify-content:center;font-size:9px;letter-spacing:.14em;color:var(--dim);margin:2px 0 0;border-style:dashed}

.toast{
  position:absolute;z-index:30;transform:translate(-50%,-140%);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  background:#0d181c;border:1px solid var(--film-edge);padding:5px 9px;color:var(--mid);
  white-space:nowrap;pointer-events:none;animation:rise 1.5s ease forwards;
}
@keyframes rise{0%{opacity:0;transform:translate(-50%,-110%)}18%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%)}}