/* Sesh Signal photo presentation on the community homepage only.
   Deliberately separate from Arcade layout and color variables. */
#sesh-signal .sesh-stage{background:linear-gradient(140deg,rgba(5,25,14,.63),rgba(6,23,15,.88)),url("/assets/the420lobby-neon-lounge.webp") center/cover no-repeat}
#sesh-signal .sesh-item{border-radius:15px;overflow:visible;background:#10291d;border:2px solid rgba(180,248,154,.66);box-shadow:0 5px 18px #0009;padding:3px}
#sesh-signal .sesh-item-photo{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:11px;filter:brightness(.91) saturate(.95);overflow:hidden}
#sesh-signal .sesh-item-art[hidden]{display:none}
#sesh-signal .sesh-item-caption{position:absolute;z-index:3;bottom:-5px;left:-4px;right:-4px;padding:3px 2px;border-radius:5px;background:rgba(3,17,9,.95);font:900 8px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.025em;color:#ecffe6;text-align:center;pointer-events:none}
#sesh-signal .sesh-item--hazard{border:2px solid #ffa3a3;background:#40171a;box-shadow:0 0 0 2px rgba(255,111,107,.14),0 5px 18px #0009}
#sesh-signal .sesh-item--hazard .sesh-item-photo{filter:grayscale(.18) saturate(1.2) brightness(.73)}
#sesh-signal .sesh-item--hazard .sesh-item-caption{background:rgba(128,22,30,.97);color:#fff}
#sesh-signal .sesh-item--hazard::after{content:"!";z-index:5}
@media(max-width:560px){#sesh-signal .sesh-item-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){#sesh-signal .sesh-item{transition:none}}

/* Visible progress feedback is redundant with the existing accessible
   announcement, so the decorative caption is aria-hidden. */
#sesh-signal .sesh-pickup-feedback{
  position:absolute;z-index:7;top:13px;left:50%;translate:-50% 0;
  width:max-content;max-width:calc(100% - 26px);padding:9px 14px;
  border:1px solid #bff4a7;border-radius:9px;background:rgba(7,25,15,.94);
  color:#ddffd2;text-align:center;font:900 clamp(11px,2vw,14px)/1.2 "Barlow Condensed",sans-serif;
  letter-spacing:.08em;pointer-events:none;box-shadow:0 6px 22px #0009
}
#sesh-signal .sesh-pickup-feedback[data-hazard="true"]{
  border-color:#ffa1a1;color:#fff0ed;background:#551c23
}
#sesh-signal .sesh-stage:not([data-mode="playing"]) .sesh-pickup-feedback{display:none}
@media(max-width:450px){#sesh-signal .sesh-pickup-feedback{top:7px;font-size:10px;padding:7px 9px}}