/* Small shop counter: one status rail and one clearly framed order ticket. */
#game>.topbar{display:grid;grid-template-columns:minmax(0,1fr) 56px auto 44px;gap:7px;align-items:center;padding:5px 12px;background:#f7f3e8;border:0;isolation:isolate}
#game #store-open{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none;text-align:left;border-radius:10px;touch-action:manipulation}
.hud-shop{flex:none;width:29px;height:29px;stroke:#3d755a;fill:#e4e8d3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;padding:2px}
.level-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
#game #store-open .level-number{display:block;font-size:13px;line-height:17px;font-weight:800;letter-spacing:0;color:#315c46;white-space:nowrap}
#game #store-name{display:block;font-size:9px;line-height:12px;color:#7d816a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game #day{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 3px 4px;min-height:35px;min-width:0;border:1px solid #d9d8c2;border-top:4px solid #7b997a;background:#fffcef;border-radius:7px;font-size:12px;line-height:17px;font-weight:800;color:#47634b;letter-spacing:.01em;box-shadow:0 2px 0 #e2ddc9;white-space:nowrap}
#game .wallet{display:flex;align-items:center;gap:4px;min-width:0;min-height:34px;padding:4px 8px 4px 5px;background:#eee7d6;border:1px solid #e3d9c2;border-radius:18px;color:#5d573a;font-size:14px;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #fff8e9}
#game .wallet b{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-cookie{width:24px;height:24px;flex:none;fill:#8c623b}
#game #settings-open{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:8px;background:transparent;border:0;border-radius:12px;box-shadow:none;color:#677960;touch-action:manipulation}
#settings-open svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
#game #store-open:active,#game #settings-open:active{background:#e6e9d9}
#game #store-open:focus-visible,#game #settings-open:focus-visible{outline:2px solid #6b9775;outline-offset:0}
/* A compact order slip: one reading direction, one shared ingredient checklist. */
#game #store-open{flex-direction:row;justify-content:flex-start;height:44px;max-height:44px}
#game[data-mode=business],#game[data-mode=business].has-recipe-guide,#game[data-mode=business].two-material-rows,#game[data-mode=business].has-recipe-guide.two-material-rows,#game[data-mode=business][data-order-kind=double].has-cup-tools,#game[data-mode=business][data-order-kind=double].has-recipe-guide,#game[data-mode=business][data-order-kind=double].has-recipe-guide.two-material-rows{grid-template-rows:52px auto minmax(0,1fr) 68px}
#game[data-mode=business]>.topbar{height:52px}
#game[data-mode=home]>.topbar{padding:5px 12px;border:0}
#game[data-mode=business] .order-zone,#game[data-mode=business] .order-zone.compact,#game[data-mode=business].has-recipe-guide .order-zone{height:auto;min-height:0;padding:3px 12px 8px;background:#f7f3e8;z-index:4}
#game[data-mode=business] #order,#game[data-mode=business] #order.compact,#game[data-mode=business].has-recipe-guide #order{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;row-gap:3px;align-items:center;justify-content:normal;max-width:380px;height:auto;min-height:90px;margin:0 auto;padding:9px 12px 19px;background:#fffdf5;border:1px solid #e1decc;border-radius:10px;box-shadow:0 2px 0 #e8e1cb;overflow:hidden}
#game[data-mode=business] #order[hidden]{display:none}
.order-meta{grid-area:1/1/2/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:15px;margin:0 0 2px}
#game[data-mode=business] .customer-name{display:flex;align-items:center;gap:5px;min-width:0;margin:0;color:#7c8873;font-size:10.5px;line-height:15px;font-weight:500}
#game #customer-index{font-size:10.5px;line-height:15px;font-variant-numeric:tabular-nums;color:#8b917e;white-space:nowrap}
.single-order{display:contents}
#game[data-mode=business] .order-drink{grid-area:2/1/4/2;position:static;display:block;align-self:center;width:34px;height:43px;flex:none;margin:0;border-radius:0;background:none;font-size:0;overflow:hidden;pointer-events:none}
.order-cup-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-style:normal}
.order-cup-preview svg{display:block;width:33px;height:43px;filter:none}
#game .order-drink small{display:none}
#game[data-mode=business] .order-text{grid-area:2/2/3/3;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;align-self:center;max-width:none;min-width:0;padding:0}
#game[data-mode=business] #order-line{display:block;flex:0 1 auto;margin:0;min-width:0;font-size:16px;line-height:22px;font-weight:700;letter-spacing:0;color:#315b47;white-space:normal;overflow:visible;overflow-wrap:anywhere}
#game[data-mode=business].has-recipe-guide #order-details,#game[data-mode=business] #order-details{display:block;flex:none;white-space:nowrap;margin:0;color:#7c795e;font-size:11px;line-height:18px}
#game[data-mode=business] #order-recipe,#game[data-mode=business][data-order-kind=double] #order-recipe{grid-area:3/2/4/3;display:flex;align-items:center;flex-wrap:wrap;gap:2px 9px;min-width:0;margin:0;padding:0;border:0;text-align:left;font-size:12px;line-height:18px;color:#7e826b;cursor:default}
#game #order-recipe[hidden]{display:none}
#game #order-recipe .recipe-caption{display:none}
#game #order-recipe [data-part]{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;border-radius:0;background:none;color:#6d7865;white-space:nowrap;transition:color .18s ease}
#order-recipe [data-part]:before{content:'';box-sizing:border-box;flex:none;width:9px;height:9px;border:1px solid #bfc8b2;border-radius:2px;font-size:8px;line-height:7px;text-align:center;color:white}
#game #order-recipe .pending{background:none;color:#9f793f}
#order-recipe .pending:before{background:#c8a35e;border-color:#c8a35e;box-shadow:inset 0 0 0 2px #faf2dc}
#game #order-recipe .done{background:none;color:#488065}
#order-recipe .done:before{content:'✓';background:#749978;border-color:#749978;animation:ingredient-check .2s ease-out}
#game[data-mode=business] #order .patience{position:absolute;left:12px;right:156px;bottom:7px;width:auto;height:2px;border-radius:3px;background:#edf0e4;overflow:hidden}
#game[data-mode=business] #patience-label,#game[data-mode=business][data-order-kind=double] #patience-label{position:absolute;left:auto;right:12px;bottom:3px;font-size:9px;line-height:12px;color:#969986;text-align:right;white-space:nowrap}
#game[data-mode=business] #patience-label.urgent{color:#a97949}
#game[data-mode=business] #business-strip{inset:auto 24px 1px;height:2px;min-height:2px;opacity:.5;background:transparent}
#game[data-mode=business][data-order-kind=double] .single-order{display:none}
#game[data-mode=business] #double-orders{grid-area:2/1/3/-1;max-width:none;width:100%;margin:0}
#game #double-orders>small{display:none}
#game[data-mode=business] #double-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#game[data-mode=business] #double-cards button{position:relative;display:flex;align-items:center;gap:7px;min-width:0;min-height:57px;padding:6px;border:1px solid transparent;border-radius:7px;box-shadow:none;background:#f6f3e9;color:#68745a;text-align:left;transition:background .18s ease,border-color .18s ease;touch-action:manipulation}
#game[data-mode=business] #double-cards button.current{background:#edf2e6;border-color:#b1c4a4;box-shadow:none}
#game[data-mode=business] #double-cards button.stored{background:#f4f2e9;border-color:transparent}
#game #double-cards button>div{min-width:0;flex:1}
#game #double-cards .double-cup-preview{display:flex;width:24px;height:37px;flex:none;align-items:center;justify-content:center;font-style:normal}
#game #double-cards .double-cup-preview svg{width:24px;height:36px}
#game[data-mode=business] #double-cards b{display:block;font-size:12px;line-height:17px;font-weight:650;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
#game[data-mode=business] #double-cards span{display:block;font-size:10px;line-height:15px;margin:1px 0 0;color:#84846a}
#game[data-order-kind=double] #double-cards small{display:block;font-size:10px;line-height:14px;margin-top:1px;color:#668168}
#game[data-mode=business][data-order-kind=double] #order-recipe{grid-area:3/1/4/-1;margin:4px 0 0;font-size:10.5px;gap:2px 8px}
#game[data-mode=business][data-order-kind=double] #order-recipe .recipe-caption{display:block;flex:none;margin:0 2px 0 0;padding:0;color:#7e8d71;font-size:10px}
#game #double-cards button:active{transform:translateY(1px)}
#game #double-cards button:focus-visible{outline:2px solid #5c8d66;outline-offset:2px}
#game[data-mode=business] #streak-badge{position:absolute;top:8px;right:53px;left:auto;max-width:110px;padding:0;font-size:9px;line-height:15px;background:none;color:#ad8842;border-radius:0;box-shadow:none}
#game[data-mode=business] #idle-order{display:flex;align-items:center;gap:10px;height:70px;min-height:70px;margin:0 auto;max-width:380px;padding:10px 13px;background:#fffdf5;border:1px solid #e1decc;border-radius:10px;box-shadow:0 2px 0 #e8e1cb}
#game[data-mode=business] #idle-order[hidden]{display:none}
#game #idle-order .small-leaf{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:#edf0df;color:#7f9b6c;font-size:23px}
#game #idle-order b{font-size:14px;line-height:20px;color:#45644d}
#game #idle-order p{font-size:11px;line-height:17px;margin:3px 0 0;color:#8a9078}
#game #idle-order .open-tag{margin-left:auto;font-size:10px;padding:4px 6px;border:0;border-radius:5px;transform:none;white-space:nowrap;color:#988756}
@keyframes ingredient-check{0%{transform:scale(.7)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(max-width:350px){#game>.topbar{padding-inline:10px;grid-template-columns:minmax(0,1fr) 52px auto 44px;gap:5px}#game .hud-shop{width:24px;height:24px}#game #store-open{gap:4px}#game #store-open .level-number{font-size:11px}#game #store-name{font-size:8px}#game .wallet{font-size:12px;padding:4px 6px 4px 3px}#game .wallet b{max-width:69px}.hud-cookie{width:21px;height:21px}#game #settings-open{width:44px;padding:10px}#game #day{font-size:11px}#game[data-mode=business] .order-zone,#game[data-mode=business].has-recipe-guide .order-zone{padding-inline:10px}#game[data-mode=business] #order{padding-inline:10px;column-gap:8px;grid-template-columns:29px minmax(0,1fr)}#game[data-mode=business] #order-line{font-size:14px}#game[data-mode=business] #order-details{font-size:10px}#game[data-mode=business] .order-drink{width:29px}#game[data-mode=business] #order-recipe{font-size:11px;gap:2px 7px}#game[data-mode=business] #double-cards button{gap:4px;padding:5px}#game[data-mode=business] #double-cards b{font-size:11px}#game #double-cards .double-cup-preview,#game #double-cards .double-cup-preview svg{width:20px}}
@media(prefers-reduced-motion:reduce){#order-recipe [data-part],#double-cards button{transition:none!important}#order-recipe .done:before{animation:none}}
@media(max-height:700px){#game[data-mode=home]>.topbar{padding-block:2px}}