/* Shared pieces for Dead Drop and Last Call inside the game window: odds panel rows, live cards, the recipe picker
   and the centre settlement. Layout lives in collection.css. */
.recipe-art{width:57px;height:67px;flex:none;overflow:visible}

/* Outcome distribution in the odds panel */
.distribution-row{display:grid;grid-template-columns:78px 1fr 46px;align-items:center;gap:8px;margin:7px 0;font-size:12px;color:var(--muted)}
.distribution-row>div{height:6px;background:#8eaa9b1f;border-radius:3px;overflow:hidden}
.distribution-row i{display:block;height:100%;background:var(--accent);border-radius:3px}
.distribution-row strong{font:500 12px var(--mono);text-align:right;color:var(--text)}

/* This round, in the odds panel */
.live-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.live-readout[data-kind=dead-drop]{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-card{display:flex;gap:6px;min-width:0;border:1px solid #47635755;background:#0b201be6;border-radius:8px;padding:8px}
.live-card-number{font:11px var(--mono);color:var(--status-color);padding-top:2px}
.live-card>div{min-width:0}
.live-card strong{font:13px/1.2 var(--serif);color:#e2ddc9;display:block}
.live-card p{font-size:11px;line-height:1.4;color:#a9b7a9;margin:3px 0}
.live-card small{font-size:11px;color:#81999d;line-height:1.4}
.live-card.filled{border-color:color-mix(in srgb,var(--status-color) 65%,transparent);background:color-mix(in srgb,var(--status-color) 8%,#0b201b)}
.live-card.filled p{color:var(--status-color)}
.live-card.closed{background:#181e20;border-color:#795c5c66}
.live-card.closed p{color:#ceaba1}
/* A completed glass or courier on a losing round is reported, not celebrated. */
.live-card.paid{border-color:#6a7a7455;background:#0f1c1c}
.live-card.paid p{color:#cfc6b8}
.live-ingredients{display:flex;gap:4px;flex-wrap:wrap}
.live-ingredients span{border:1px solid #718b7755;border-radius:3px;padding:1px 4px;font:11px var(--mono);color:#95a798}
.live-ingredients span.enough{color:var(--token-color);border-color:color-mix(in srgb,var(--token-color) 35%,transparent)}
body[data-game=dead-drop] .live-card{background:#0b1e2b}
@media(max-width:420px){.live-card-number{display:none}.live-card{padding:6px}}

/* Recipe picker (opened by tapping a glass) */
.recipe-dialog{background:#102722;border-color:#56705b;color:#ece3ce}
.recipe-menu{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px}
.menu-drink{min-width:0;display:flex;gap:8px;align-items:center;padding:10px 8px;background:#18352b;border:1.5px solid #405346;border-radius:10px;text-align:left}
.menu-drink:hover:not(:disabled),.menu-drink.selected{border-color:var(--drink-color);background:#234032}
.menu-drink .recipe-art{width:46px;height:70px}
.menu-drink-info{min-width:0}
.menu-drink-info>*{display:block}
.menu-drink-info small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#a4b39b;margin-bottom:3px}
.menu-drink-info strong{font:16px/1.2 var(--bz-serif);color:#ede0bd;margin-bottom:3px}
.menu-drink-info span{font-size:11px;line-height:1.45;color:#b5c2a8}
.menu-drink-info b{font:500 11px/1.4 var(--mono);color:var(--drink-color);margin-top:4px}
.recipe-dialog .menu-footnote{flex:none;margin:0;padding:0 16px 12px;font-size:11px;line-height:1.5;color:#b1bead}
@media(max-width:620px){.recipe-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){.recipe-menu{grid-template-columns:1fr}}
@media(max-height:500px){.recipe-menu{padding:8px 10px;gap:6px}.menu-drink{padding:6px}.menu-drink .recipe-art{width:34px;height:50px}.menu-drink-info small{display:none}.menu-drink-info strong{font-size:14px}.recipe-dialog .menu-footnote{display:none}}
@media(max-height:700px) and (max-width:620px){.menu-drink .recipe-art{width:36px;height:54px}.menu-drink-info small{display:none}.menu-drink{padding:7px 6px}.menu-drink-info strong{font-size:14px}}

/* The result card, its count-up and the loss note are baize-celebrate (games/baize-celebrate.css), placed in .scene-safe. */
.scene-wrap{container:lc-wrap/size}