/* V4: fixed work areas. Switching work tabs never moves the orders. */
.screen{bottom:calc(50px + var(--safe-bottom))}
.toast-region{height:48px;bottom:var(--safe-bottom);gap:2px}
.toast{min-height:22px;padding:3px 8px}
#app{min-height:0}
#gameScreen.is-active{display:grid;grid-template-rows:48px minmax(170px,.39fr) minmax(300px,.61fr);gap:6px;padding:calc(5px + var(--safe-top)) 6px 0}
#gameScreen .game-hud,#gameScreen .customer-area,#gameScreen .workstation{position:relative;inset:auto;height:auto;min-width:0;min-height:0;margin:0}
#gameScreen .game-hud,#multiGame .game-hud{min-height:0;height:auto;grid-template-columns:42px minmax(0,1fr) auto 36px;padding:4px;gap:5px}
.hud-chip{min-height:32px;padding:2px 4px}.hud-chip strong{font-size:17px}.hud-chip small{font-size:9px}.hud-progress>span{font-size:11px}
#gameScreen .workstation{display:grid;grid-template-rows:30px 38px minmax(0,1fr);gap:5px;padding:7px 8px 9px;overflow:visible;border-radius:17px 17px 0 0}
#gameScreen .station-topbar{height:30px;min-height:0;margin:0}.shift-clock,.reputation{font-size:12px}#posButton{min-height:29px}
.work-tabs{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;height:38px;min-height:0;margin:0;padding:0;gap:6px;background:transparent;z-index:2}
.work-tabs button{min-height:38px;padding:4px;gap:4px;font-size:14px;line-height:1.15}.work-tabs span{font-size:10px}
#soloBakePane{display:grid;grid-template-rows:64px minmax(85px,1fr) 53px;gap:6px;min-height:0}
#soloBakePane .product-strip-wrap{height:auto;min-height:0;display:grid;grid-template-rows:13px 1fr;gap:2px}
.station-label{font-size:10px;line-height:1.2}
#productStrip,#mpProducts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:0;overflow:visible;min-width:0;min-height:0}
#productStrip .product-button,#mpProducts .product-button{display:flex;flex-direction:column;justify-content:center;gap:1px;height:100%;min-height:44px;min-width:0;padding:2px}
#productStrip .product-button img,#mpProducts .product-button img{width:28px;height:27px}
#productStrip .product-button span,#mpProducts .product-button span{font-size:11px;line-height:1.15;max-width:100%;white-space:normal;overflow-wrap:normal}
#gameScreen .fryer-row,.mp-fryers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;gap:8px;margin:0}
#gameScreen .fryer,.mp-fryers .fryer{grid-template-rows:16px minmax(0,1fr) 20px;min-height:0;height:100%;padding:3px}
.fryer-well{min-height:0}.fryer-number,.fryer-timer{font-size:10px}.fryer-status,.mp-fryers .fryer-status{font-size:12px;line-height:1.2}
#gameScreen .fryer img,.mp-fryers img{width:76px;height:100%;max-height:90px;object-fit:contain}
.ready-pass{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;padding:3px;min-height:0}
#readyStock,#soloPrepStock,.mp-stock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-height:0;height:100%;margin:0;overflow:visible;align-content:stretch}
#readyStock>span,#soloPrepStock>span,.mp-stock>span{grid-column:1/-1;align-self:center;font-size:12px;text-align:center}
.stock-button{min-height:36px;height:100%;min-width:0}.stock-button img{width:31px;height:31px}.stock-button b{top:1px;right:1px;font-size:10px}
#soloFinishPane{display:grid;grid-template-rows:40px minmax(120px,1fr) 46px;gap:5px;min-height:0}
#gameScreen .assembly{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(66px,1fr) 48px;height:auto;min-height:0;gap:4px;margin:0}
.tray-panel{display:grid;grid-template-rows:20px minmax(0,1fr);padding:3px;min-height:0}.tray-header{height:20px}.tray-header .mini-link{min-height:20px;font-size:11px}
.sauce-panel{padding:0;border:0;box-shadow:none;background:none;min-height:0}.sauce-panel>.station-label{display:none}
#gameScreen .tray-items,#mpTray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:auto;min-height:0;margin:0;padding:3px;overflow:visible;align-items:stretch}
.tray-placeholder{grid-column:1/-1;font-size:12px;line-height:1.25}
#gameScreen .tray-item,#mpTray .tray-item{height:100%;min-height:0;min-width:0;padding:2px;gap:1px}
#gameScreen .tray-item img,#mpTray .tray-item img{width:38px;height:32px;min-height:18px;object-fit:contain}
#gameScreen .tray-item small,#mpTray .tray-item small{font-size:10px;max-width:100%;white-space:normal;line-height:1.1;overflow:visible}
.tray-remove,#mpTray .tray-remove{top:0;right:0;width:20px;height:20px;font-size:14px}
#sauceStrip,#mpSauces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:4px;min-height:0;height:100%;margin:0;overflow:visible}
#sauceStrip .sauce-button,#mpSauces .sauce-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;height:auto;min-width:0;padding:2px}
.sauce-button img{width:23px;height:23px}.sauce-button span{font-size:11px;max-width:100%;white-space:normal;line-height:1.1;overflow-wrap:normal}
#gameScreen .serve-button{position:relative;inset:auto;width:100%;height:46px;min-height:46px;margin:0;padding:4px 10px}
.serve-button small{font-size:11px;line-height:1.15}
/* Three full receipts, with the customers visible underneath. */
#gameScreen .customer{top:0;bottom:0;height:100%;width:31%}.order-bubble{padding:5px 4px;top:1px}.order-lines{max-height:none;overflow:visible;gap:2px}.order-line{padding:0;gap:2px}.order-line img{width:20px;height:24px}.order-line-copy strong{font-size:11px;line-height:1.15;overflow-wrap:normal}.order-line-copy small{font-size:10px;line-height:1.1}.patience{margin-top:4px}.patience-copy{font-size:9px;margin-top:2px}.customer-name{font-size:10px;bottom:2%}.customer-figure{height:60%}
/* Multiplayer: each role has its own screen, sharing only order status. */
#multiGame.is-active{display:grid;grid-template-rows:46px 25px minmax(0,1fr);gap:5px;padding:calc(5px + var(--safe-top)) 6px 0}
#multiGame:has(.game-connection:not(:empty)){grid-template-rows:46px 25px auto minmax(0,1fr)}
#multiGame .team-bar{padding:3px 8px;min-height:0;font-size:11px}
.mp-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 190px;gap:7px;min-height:0}
#multiGame[data-role=fryer] .mp-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(210px,.42fr) minmax(283px,.58fr);gap:6px}
#mpStation{height:auto;min-height:0;padding:8px;overflow:visible;margin:0;border-radius:16px 16px 0 0}
#mpCustomers{min-height:0;padding:0;gap:6px;overflow:clip}.mp-order{max-height:none;overflow:visible;padding:6px 4px}.mp-order>b{font-size:12px;margin-bottom:3px}.mp-order-line{margin:3px 0}.mp-order-line img{width:21px;height:25px}.mp-order-line span{font-size:11px;overflow-wrap:normal}.mp-order-line small{font-size:10px;line-height:1.15}.mp-order>small{font-size:10px}.mp-person{bottom:0;height:61%}
#counterPanel{display:grid;grid-template-rows:23px 57px 24px minmax(48px,1fr);height:100%;gap:5px;min-height:0}
#counterPanel .station-heading{margin:0}.station-heading h2{font-size:17px}.station-heading>span{font-size:11px}.station-heading{margin:0;min-height:0}
.pass-orders{gap:5px;min-height:0}.pass-order{min-height:0;height:100%;padding:5px;gap:3px;justify-content:center}.pass-order b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pass-order span{font-size:10px;line-height:1.15}.pass-orders p{font-size:12px;align-self:center;margin:0}
.counter-selected{font-size:13px;gap:4px;flex-wrap:nowrap;margin:0}.counter-selected>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter-selected>span{font-size:10px;text-align:right}
#mpCounterOrder{display:none}.counter-actions{position:relative;inset:auto;gap:8px;padding:0 0 3px;margin:0;background:none;min-height:0}
#mpPosButton,#mpServe,#mpComplete{position:relative;inset:auto;display:flex;min-height:44px;height:100%;margin:0;padding:4px;gap:2px;flex-direction:column;align-items:center;justify-content:center}
#mpPosButton strong,#mpServe strong,#mpComplete strong{font-size:14px}#mpPosButton small,#mpServe small,#mpComplete small{font-size:10px;line-height:1.15}
#bakerPanel{display:grid;grid-template-rows:38px minmax(0,1fr);height:100%;gap:6px}
#mpBakePane{display:grid;grid-template-rows:50px minmax(80px,1fr) 49px;gap:7px;min-height:0;padding:0}
#mpBakePane .station-heading,#mpDemand,#mpBakePane>h3,#mpBakePane .work-hint{display:none}
.mp-stock button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;height:100%;min-width:0;gap:1px;padding:2px;border-radius:7px}
.mp-stock img{width:25px;height:25px}.mp-stock button span{font-size:10px;line-height:1.1;max-width:100%}
#mpFinishPane{display:grid;grid-template-rows:20px 47px minmax(49px,1fr) 45px 44px;gap:4px;padding:0;min-height:0}
#mpPrepStock img{width:20px;height:20px}
#mpFinishPane .station-heading{margin:0;gap:3px}#mpFinishPane .station-heading h2{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mpFinishPane .mini-link{min-height:20px;font-size:11px}
#mpPrepReference{display:none}
.kitchen-orders{padding:6px;min-height:0;margin:0;gap:4px}.kitchen-orders>header{height:23px;margin:0;flex-shrink:0}.kitchen-orders h2{font-size:16px}.kitchen-orders header small{display:none}.kitchen-orders>header>span{font-size:11px}
.kitchen-tickets{grid-template-columns:repeat(var(--ticket-count,3),minmax(0,1fr));min-height:0;overflow:visible;align-items:stretch;gap:5px;padding:2px}
.kitchen-ticket{padding:5px 4px;min-height:0}.kitchen-ticket>header{font-size:12px;gap:3px}.kitchen-ticket>header span{font-size:10px}.ticket-line{margin-top:3px;gap:2px;min-height:23px}.ticket-line img{width:20px;height:23px}.ticket-line>span{font-size:11px;line-height:1.1;min-width:0}.ticket-line small{font-size:10px;line-height:1.1}.ticket-line>b{font-size:10px;width:9px}.kitchen-ticket footer{font-size:10px;margin-top:4px}.kitchen-ticket .mp-patience{margin:4px 0 2px}
.kitchen-ticket>header{flex-wrap:nowrap}.kitchen-ticket>header span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-line>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-line img{flex-shrink:0}.ticket-line>b{flex-shrink:0;margin-left:0}
@media(max-width:399px){#productStrip .product-button span,#mpProducts .product-button span{font-size:10px}}
/* POS has a fixed header and pay button; every product and sauce fits. */
.pos-shell{display:grid;grid-template-rows:52px minmax(0,1fr) 52px;height:100%;max-width:820px;padding:var(--safe-top) 0 var(--safe-bottom)}
.pos-header{min-height:0;padding:5px 9px;gap:7px;grid-template-columns:80px minmax(0,1fr) 36px}.pos-header strong{font-size:15px}.brand-lockup--pos .brand-name{font-size:16px}.pos-header small{font-size:9px}
.pos-body{display:grid;grid-template-rows:auto auto auto minmax(155px,1fr);gap:7px;padding:8px;min-height:0;overflow:visible}
.pos-order-reference{padding:5px 6px;min-height:0}.pos-order-reference>small{font-size:9px;margin-bottom:3px}
#posReference,#mpPosReference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:0}#mpPosReference>b{grid-column:1/-1;font-size:11px}
.pos-ref-line{min-width:0;min-height:25px;gap:3px;padding:2px 3px;font-size:11px;line-height:1.15}.pos-ref-line img{width:23px;height:23px;flex-shrink:0}
.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pos-product{grid-template-columns:26px minmax(0,1fr);min-height:49px;padding:3px;gap:3px;font-size:12px}.pos-product img{width:26px;height:30px}.pos-product small{font-size:10px}.pos-product span{overflow-wrap:normal}
.pos-sauce-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pos-sauce{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50px;gap:2px;padding:2px}.pos-sauce img{width:23px;height:23px}.pos-sauce span{font-size:10px;line-height:1.1}
.pos-ticket{display:grid;grid-template-rows:24px minmax(0,1fr) 25px;min-height:0;padding:5px 7px;gap:3px}.pos-ticket-head{font-size:13px;padding:0}.pos-ticket-head .mini-link{min-height:24px;font-size:12px}.pos-ticket-lines{min-height:0;gap:2px;padding:0;align-content:start;font-size:12px}.pos-ticket-line{min-height:29px;padding:2px 4px;gap:7px;font-size:12px;line-height:1.1}.pos-ticket-line small{font-size:10px}.pos-total{padding:2px 0 0;font-size:13px}.pos-total strong{font-size:19px}
.pos-pay-button{min-height:0;padding:7px;align-items:center}.pos-pay-button strong{font-size:15px}
/* Invitations and one-time introductions. */
.invite-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;min-width:0}.invite-actions .room-code{font-size:25px;letter-spacing:.09em;padding:3px;min-width:0}.invite-actions .game-button{min-height:47px;padding:5px;font-size:13px}.invite-actions .game-button strong{font-size:13px}
#inviteLink{font-size:12px;min-height:38px;user-select:text}#inviteFallback label{font-size:11px}
.lobby-level{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.lobby-level select{min-height:40px;padding:5px 10px}
#multiLobby .multi-card{padding:15px;gap:9px;margin:8px auto}#multiLobby .multi-card>.small-copy{font-size:12px!important;line-height:1.3}
.lobby-player{padding:8px;gap:3px}.lobby-player strong{font-size:15px}.lobby-player>span{font-size:10px}.role-options button{padding:9px 4px;gap:3px;min-height:59px}.role-options b{font-size:15px}.role-options span{font-size:11px}#readyButton{min-height:46px}
#otherGameButton{color:#792630}.tutorial-card{padding:25px 22px 18px}.tutorial-card h2{font-size:24px}.tutorial-card p{font-size:16px;line-height:1.5}.tutorial-image{height:94px;width:125px;object-fit:contain;margin:8px auto 12px}.tutorial-timing{display:block;font-size:12px;line-height:1.4;color:#706459;margin:0 0 15px}.tutorial-card .text-button{color:#8d2634}.tutorial-card .modal-icon{margin-top:10px}
/* Compact portrait windows, including phones with browser bars showing. */
@media(max-width:599px) and (max-height:639px){
 #gameScreen.is-active{grid-template-rows:40px minmax(160px,.38fr) minmax(270px,.62fr);gap:4px;padding-top:calc(4px + var(--safe-top))}
 #gameScreen .workstation{grid-template-rows:26px 34px minmax(0,1fr);padding:5px 6px 7px;gap:4px}#gameScreen .station-topbar{height:26px}
 .work-tabs,.work-tabs button{height:34px;min-height:34px;font-size:13px}
 #soloBakePane{grid-template-rows:54px minmax(65px,1fr) 44px;gap:5px}#soloFinishPane{grid-template-rows:35px minmax(102px,1fr) 38px;gap:4px}#gameScreen .assembly{grid-template-rows:minmax(62px,1fr) 36px;gap:4px}#gameScreen .serve-button{height:38px;min-height:38px}
 #multiGame.is-active{grid-template-rows:40px 22px minmax(0,1fr);gap:4px;padding-top:calc(4px + var(--safe-top))}#multiGame:has(.game-connection:not(:empty)){grid-template-rows:40px 22px auto minmax(0,1fr)}
 #multiGame[data-role=fryer] .mp-layout{grid-template-rows:minmax(180px,.4fr) minmax(250px,.6fr);gap:5px}.mp-layout{grid-template-rows:minmax(0,1fr) 180px;gap:5px}
 #mpStation{padding:6px}#bakerPanel{grid-template-rows:34px minmax(0,1fr);gap:4px}#mpBakePane{grid-template-rows:45px minmax(65px,1fr) 45px;gap:6px}#mpFinishPane{grid-template-rows:18px 41px minmax(44px,1fr) 39px 38px;gap:3px}#mpComplete{min-height:38px}
 #productStrip .product-button,#mpProducts .product-button{min-height:40px}#productStrip .product-button img,#mpProducts .product-button img{width:24px;height:23px}#productStrip .product-button span,#mpProducts .product-button span{font-size:9px}
 .mp-stock img{width:20px;height:20px}#mpPrepStock img{width:16px;height:16px}.mp-stock button span{font-size:9px}.sauce-button img{width:19px;height:19px}.sauce-button span{font-size:10px}#sauceStrip .sauce-button,#mpSauces .sauce-button{min-height:35px}
 #gameScreen .tray-item img,#mpTray .tray-item img{height:24px;width:29px}.kitchen-orders{padding:5px;gap:2px}.kitchen-orders>header{height:20px}.kitchen-ticket{padding:4px 3px}.kitchen-ticket>header{font-size:10px;padding-bottom:3px}.kitchen-ticket>header span{font-size:9px}.ticket-line{min-height:20px;margin-top:2px}.ticket-line img{width:17px;height:20px}.ticket-line>span{font-size:10px}.ticket-line small{font-size:9px}.kitchen-ticket footer{font-size:9px;margin-top:3px}.kitchen-ticket .mp-patience{height:4px;margin:3px 0 1px}
 #counterPanel{grid-template-rows:20px 53px 23px minmax(44px,1fr);gap:4px}.mp-order{padding:4px 3px}.mp-order-line{margin:2px 0}.mp-order-line span{font-size:10px}.mp-order-line small{font-size:9px}.mp-order-line img{width:18px;height:23px}
 .pos-shell{grid-template-rows:46px minmax(0,1fr) 46px}.pos-body{padding:6px;gap:5px}.pos-product{min-height:43px;font-size:11px}.pos-sauce{min-height:44px}.pos-ticket{grid-template-rows:20px minmax(0,1fr) 23px}.pos-ticket-head .mini-link{min-height:20px}.pos-ref-line{font-size:10px}.pos-header strong{font-size:13px}
}
/* Wider displays put customers/orders beside the workbench. */
@media(min-width:900px),(min-width:600px) and (max-height:600px){
 #app{width:min(100%,1320px);height:100dvh;min-height:0}
 #gameScreen.is-active{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:48px minmax(0,1fr);gap:10px;padding:calc(6px + var(--safe-top)) 10px 0}
 #gameScreen .game-hud{grid-column:1/-1}#gameScreen .workstation{grid-column:2;grid-row:2;border-radius:16px;margin:0 0 5px}#gameScreen .customer-area{grid-column:1;grid-row:2}
 #gameScreen .customer-figure{height:64%}.order-bubble{padding:7px 5px}.order-line img{width:26px;height:31px}.order-line-copy strong{font-size:13px}.order-line-copy small{font-size:11px}.customer-name{font-size:12px}
 .mp-layout,#multiGame[data-role=fryer] .mp-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);gap:12px}
 #mpStation{border-radius:16px;margin-bottom:5px}#counterPanel{grid-template-rows:30px 80px 30px minmax(52px,1fr);align-content:start}.counter-actions{max-height:80px;align-self:end}
 .kitchen-tickets{grid-template-columns:1fr;align-content:start;gap:7px}.kitchen-ticket{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;padding:8px}.kitchen-ticket>header,.kitchen-ticket>footer,.kitchen-ticket>.mp-patience{grid-column:1/-1}.ticket-line{margin:0;min-height:28px}.ticket-line>span{font-size:13px}.ticket-line small{font-size:11px}.ticket-line img{width:25px;height:27px}.kitchen-orders{padding:10px;margin-bottom:5px}
 #soloBakePane{grid-template-rows:74px minmax(85px,1fr) 63px;gap:10px}#mpBakePane{grid-template-rows:68px minmax(80px,1fr) 59px;gap:12px}
 #productStrip .product-button img,#mpProducts .product-button img{width:36px;height:35px}#productStrip .product-button span,#mpProducts .product-button span{font-size:12px}
 #soloFinishPane{grid-template-rows:55px minmax(140px,1fr) 54px;gap:10px}#gameScreen .assembly{grid-template-rows:minmax(80px,1fr) 65px;gap:8px}#mpFinishPane{grid-template-rows:28px 55px minmax(60px,1fr) 60px 54px;gap:8px}
 #gameScreen .tray-item img,#mpTray .tray-item img{width:65px;height:55px}#gameScreen .tray-item small,#mpTray .tray-item small{font-size:12px}.sauce-button img{width:30px;height:30px}.sauce-button span{font-size:12px}.mp-stock img{width:32px;height:32px}.mp-stock button span{font-size:11px}
}
@media(min-width:600px) and (max-height:600px){
 .screen{bottom:calc(50px + var(--safe-bottom))}
 #gameScreen.is-active{grid-template-rows:36px minmax(0,1fr);gap:4px;padding:3px 5px 0}.game-hud .hud-chip{min-height:26px}.hud-chip strong{font-size:14px}.hud-chip small{font-size:8px}.game-hud .icon-button{width:30px;height:30px}
 #gameScreen .workstation{grid-template-rows:24px 32px minmax(0,1fr);padding:4px 6px 6px;gap:4px}#gameScreen .station-topbar{height:24px}.work-tabs,.work-tabs button{height:32px;min-height:32px;font-size:12px}
 #soloBakePane{grid-template-rows:45px minmax(48px,1fr) 35px;gap:5px}#soloBakePane .station-label{display:none}#soloBakePane .product-strip-wrap{display:block;min-height:0}#productStrip{height:100%}
 #productStrip .product-button,#mpProducts .product-button{min-height:36px}#productStrip .product-button img,#mpProducts .product-button img{width:23px;height:22px}#productStrip .product-button span,#mpProducts .product-button span{font-size:10px}
 #soloFinishPane{grid-template-rows:32px minmax(90px,1fr) 35px;gap:3px}#gameScreen .assembly{grid-template-rows:minmax(48px,1fr) 36px;gap:3px}.tray-panel{grid-template-rows:15px minmax(0,1fr)}.tray-header{height:15px}.tray-header .mini-link{min-height:15px;font-size:10px}
 #gameScreen .serve-button{height:35px;min-height:35px}#gameScreen .tray-item img,#mpTray .tray-item img{width:27px;height:22px}#gameScreen .tray-item small,#mpTray .tray-item small{font-size:9px}
 #sauceStrip .sauce-button,#mpSauces .sauce-button{min-height:34px}.sauce-button img{width:18px;height:18px}.sauce-button span{font-size:10px}.stock-button{min-height:29px}.stock-button img{width:26px;height:26px}
 #multiGame.is-active{grid-template-rows:36px 20px minmax(0,1fr);gap:3px;padding:3px 5px 0}#multiGame:has(.game-connection:not(:empty)){grid-template-rows:36px 20px auto minmax(0,1fr)}#multiGame .team-bar{font-size:10px;padding:2px 7px}
 #mpStation{padding:5px 6px 7px}#bakerPanel{grid-template-rows:32px minmax(0,1fr);gap:5px}#mpBakePane{grid-template-rows:42px minmax(54px,1fr) 35px;gap:6px}
 #mpFinishPane{grid-template-rows:18px 30px minmax(42px,1fr) 34px 34px;gap:3px}#mpComplete{min-height:34px}#mpComplete strong{font-size:12px}#mpComplete small{font-size:9px}.mp-stock img{width:20px;height:20px}.mp-stock button span{font-size:9px}
 .mp-stock button{flex-direction:row;gap:2px}
 .kitchen-orders{padding:5px}.kitchen-tickets{grid-template-columns:repeat(var(--ticket-count,3),minmax(0,1fr));gap:4px}.kitchen-ticket{display:block;padding:4px 3px}.ticket-line{min-height:23px;margin-top:3px}.ticket-line>span{font-size:10px}.ticket-line small{font-size:9px}.ticket-line img{width:18px;height:23px}
 #counterPanel{grid-template-rows:23px 58px 24px minmax(45px,1fr);gap:4px}.counter-actions{max-height:55px}.mp-order-line{margin:2px 0}.mp-person{height:57%}
 .pos-shell{grid-template-rows:42px minmax(0,1fr) 42px}.pos-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:85px minmax(0,1fr);grid-template-areas:'reference products' 'ticket sauces';gap:6px;padding:6px}.pos-order-reference{grid-area:reference}.pos-product-grid{grid-area:products}.pos-sauce-grid{grid-area:sauces;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.pos-ticket{grid-area:ticket;grid-template-rows:19px minmax(0,1fr) 20px}.pos-product{min-height:36px;font-size:11px}.pos-product img{height:24px}.pos-ticket-line{min-height:25px}.pos-ticket-head .mini-link{min-height:19px}.pos-total strong{font-size:16px}.pos-ticket-line small{display:inline;margin-left:6px;font-size:10px}.pos-ref-line{font-size:10px;min-height:23px}.pos-ref-line img{width:19px;height:19px}.pos-pay-button strong{font-size:13px}
 .tutorial-card{padding:15px 20px;max-width:570px}.tutorial-card h2{font-size:20px;margin:4px 0}.tutorial-card p{font-size:14px;margin:7px 0}.tutorial-image,.tutorial-card .modal-icon{height:42px;margin:0 auto 6px}.tutorial-timing{margin-bottom:7px;font-size:11px}.tutorial-card .game-button{min-height:38px}.tutorial-card .text-button{padding:6px}
}