/* Content-sized slips; the conversation row exists only when needed. */
#game .order{
 top:110px!important;width:266px!important;height:auto!important;min-height:0!important;
 display:grid;grid-template-columns:minmax(0,1fr) 62px;
 grid-template-areas:'name name' 'text art' 'social social' 'timer timer';
 gap:0 8px;padding:0 12px 8px!important;margin:0!important;
 border:1.5px solid #c9aa7c;border-radius:15px;background:#fff8eb;
 box-shadow:0 3px 0 #78533135,0 5px 12px #50341e20;text-align:left;align-items:center;
}
#game .order.selected{border-color:#8da56a;box-shadow:0 0 0 2px #b8cd8c70,0 4px 0 #65824845}
#game .order:before{width:14px;height:14px;bottom:-9px;background:#fff8eb;border-color:#c9aa7c}
#game .order > .customer-name{
 grid-area:name;position:relative;inset:auto;width:calc(100% + 24px);max-width:none;
 height:31px;min-height:0;margin:0 -12px 8px;padding:4px 10px;gap:7px;
 border-radius:13px 13px 0 0;border-bottom:1px solid #ddcaaa80;
 background:#f2e6d1;box-shadow:none;font-size:15px;
}
#game .order > .customer-name .customer-name-number{height:21px;flex-basis:22px;border-radius:5px;font-size:12px;background:#e1c59b}
#game .order > .customer-name .customer-name-label{font-size:15px;max-width:160px}
#game .order.selected > .customer-name{background:#e8efd8;border-color:#ccd8b4}
#game .order.selected > .customer-name .customer-name-label{max-width:120px}
#game .order.selected::after{top:9px;right:8px;font-size:12px;padding:3px 5px;border-radius:4px}
#game .order .order-text{
 grid-area:text;position:static!important;inset:auto!important;
 display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;
 width:auto!important;height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;gap:5px;text-align:left;
 font:800 16px/1.25 Nunito,'Segoe UI',sans-serif;
}
#game .order .order-lead{display:block;height:auto;margin:0!important;color:#6e5841;font:700 12px/1.25 Nunito,'Segoe UI',sans-serif}
#game .order .order-dish{display:block;width:100%;height:auto;margin:0!important;color:#583b28;font:950 17px/1.25 Nunito,'Segoe UI',sans-serif;text-wrap:balance;overflow-wrap:anywhere}
#game .order .order-tail{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:auto;height:auto;gap:3px;margin:1px 0 0!important}
#game .order .order-attribute{height:auto;min-height:18px;padding:3px 5px;border-radius:5px;font:850 12px/1.25 Nunito,'Segoe UI',sans-serif;white-space:nowrap;box-shadow:none}
#game .order .order-icon{grid-area:art;position:static;inset:auto;display:flex;justify-content:center;align-items:center;width:62px;height:76px;overflow:hidden;opacity:1}
#game .order .order-icon canvas{width:51px;height:74px;object-fit:contain}
#game .order .order-social-actions{
 grid-area:social;position:static!important;inset:auto!important;width:auto;height:auto;
 display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:8px 0 0;padding:7px 0 0;border-top:1px dashed #d8c4a2;
}
#game .order .order-social-actions[hidden]{display:none!important}
#game .order .order-social-actions button{height:auto;min-height:30px;padding:6px 10px;font:850 12px/1.25 Nunito,'Segoe UI',sans-serif;border-radius:7px;box-shadow:0 1px 0 #ac916950}
#game .order .order-social-actions .social-result{padding:4px;font-size:12px}
#game .order .patience{grid-area:timer;position:static;inset:auto;width:100%;height:5px;margin:8px 0 0;border:0;background:#e7dbc5;box-shadow:none;overflow:hidden;border-radius:4px}
#game .order .patience i{background:#92b174}
#game .order.order-hidden .order-text,#game .order:not(:has(.order-lead)) .order-text{grid-column:1/-1;align-items:center;text-align:center;padding:3px 0!important}
#game .order.order-hidden .order-icon,#game .order:not(:has(.order-lead)) .order-icon{display:none}
#game .order .guess-eyebrow{font:850 12px/1.25 Nunito,'Segoe UI',sans-serif;letter-spacing:.7px;color:#77895a}
#game .order .guess-mystery{margin:0;font:900 19px/1.25 Nunito,'Segoe UI',sans-serif}
#game .order .guess-note{margin:0;font:700 12px/1.3 Nunito,'Segoe UI',sans-serif;color:#6c5942}
#game .order.order-hidden .order-social-actions{justify-content:center}
#game .order:focus-visible{outline:3px solid #607d42;outline-offset:4px}

