/* §39 THE BOTTLE — Bina's mess-hall roll call */
#bottleRoom{position:fixed;inset:0;z-index:950;display:none;background:#02070c;color:#dfe9f3;
  font-family:var(--mono,monospace);overflow:auto}
#bottleRoom.on{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}
#bottleRoom .br-bg{position:fixed;inset:0;background:url("../../art/scene/mess/mess_night.webp") center/cover no-repeat;
  opacity:.22;filter:saturate(.4) contrast(1.1);pointer-events:none}
#bottleRoom .br-wrap{position:relative;display:flex;align-items:flex-end;gap:10px;max-width:100%}
#bottleRoom .br-ring{position:relative;width:min(54vh,86vw);height:min(54vh,86vw);flex:0 0 auto}
#bottleRoom .br-floor{position:absolute;inset:14%;border-radius:50%;
  background:radial-gradient(circle,#1b2530 0%,#0c141c 70%,transparent 72%);box-shadow:0 0 60px #000 inset}
#bottleRoom .br-seat{position:absolute;width:13%;transform:translate(-50%,-50%);text-align:center;transition:opacity .4s,filter .4s}
#bottleRoom .br-face{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid #2a4a63;background:#0a1824;
  display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.2vh,16px);color:#8fb4d1}
#bottleRoom .br-face img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
#bottleRoom .br-name{font-size:clamp(8px,1.4vh,11px);letter-spacing:.08em;margin-top:2px;color:#9db8cf;white-space:nowrap}
#bottleRoom .br-seat.pc .br-face{border-color:#FFF56B}
#bottleRoom .br-seat.picked .br-face{border-color:#ff5a3c;box-shadow:0 0 14px #ff5a3c}
#bottleRoom .br-seat.picked .br-name{color:#ffb09a}
#bottleRoom .br-seat.dead{opacity:.35;filter:grayscale(1)}
#bottleRoom .br-seat.dead .br-face{border-color:#5a1a12}
#bottleRoom .br-bottle{position:absolute;left:50%;top:50%;width:7%;height:30%;margin:-15% 0 0 -3.5%;
  transform-origin:50% 50%;will-change:transform}
#bottleRoom .br-bottle svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}
#bottleRoom .br-bina{height:min(58vh,80vw);width:auto;pointer-events:none;filter:drop-shadow(0 0 14px rgba(0,0,0,.9))}
#bottleRoom .br-panel{position:relative;width:min(720px,100%);background:rgba(3,14,22,.94);border:1px solid #0d3b59;
  border-left:3px solid #c8912f;padding:12px 14px}
#bottleRoom .br-head{font-size:10px;letter-spacing:.2em;color:#c8912f;margin-bottom:6px}
#bottleRoom .br-text{font-family:Georgia,serif;font-size:15px;line-height:1.5;color:#cfe0ee;min-height:2.6em;max-height:34vh;overflow-y:auto;overscroll-behavior:contain}
#bottleRoom .br-text p{margin:0 0 3px}
#bottleRoom .br-text .red{color:#ff9a84}
#bottleRoom .br-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#bottleRoom .br-acts button{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.05em;padding:8px 12px;
  background:#06263a;color:#e8f2fb;border:1px solid #1b5a82;cursor:pointer}
#bottleRoom .br-acts button:hover{background:#0b3a57}
#bottleRoom .br-acts button .odds{color:#7f97b5;margin-left:8px;font-size:10px}
#bottleRoom.flash::after{content:"";position:fixed;inset:0;background:#fff;opacity:0;animation:brFlash .5s ease-out;pointer-events:none}
@keyframes brFlash{0%{opacity:.85}100%{opacity:0}}
@media(max-width:760px){
  #bottleRoom .br-bina{display:none}
  #bottleRoom .br-ring{width:92vw;height:92vw}
}
@media(prefers-reduced-motion:reduce){#bottleRoom.flash::after{animation:none}}