/* V30 station hierarchy only. Legacy gameplay geometry and input stay intact. */
body.ui-v21.immersive-game #gameApp #workInstruction{top:14%!important;left:auto!important;right:2.5%!important;width:31%!important;height:auto!important;min-height:13%!important;max-height:29%!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:.6cqh!important;padding:1.1cqh 1.2cqw!important;border:2px solid #193d43!important;border-bottom-width:4px!important;border-radius:1cqw!important;background:#f5edcfef!important;box-shadow:0 .5cqh 1cqw #092b3845!important;color:#193d3f!important;text-align:right!important;overflow:hidden!important;z-index:22!important}
body.ui-v21.immersive-game #gameApp #workInstruction .work-goal{justify-content:space-between!important;width:100%!important;gap:.6cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction #workGoal{font:500 1.05cqw/1.2 'Rubik Game'!important;color:#56716b!important;text-align:right!important;flex:1!important}
body.ui-v21.immersive-game #gameApp #workInstruction #workCount{font:600 1.4cqw/1 'Rubik Game'!important;color:#315b56!important;direction:ltr!important;flex:none!important}
body.ui-v21.immersive-game #gameApp #workInstruction #machineHealth{margin-inline-start:.5cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction #orderPictograms{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:.6cqh .8cqw!important;width:100%!important;height:auto!important;min-width:0!important}
body.ui-v21.immersive-game #gameApp #workInstruction .order-token{display:grid!important;grid-template-columns:5.2cqw minmax(0,1fr) auto!important;align-items:center!important;gap:.7cqw!important;flex:1 1 100%!important;min-width:0!important;direction:rtl!important;color:#213c3c!important;border:0!important;background:none!important;padding:0!important}
body.ui-v21.immersive-game #gameApp #workInstruction #orderPictograms .product-art{position:static!important;inset:auto!important;display:block!important;width:5.2cqw!important;height:5.2cqw!important;max-width:78px!important;max-height:78px!important;transform:none!important;margin:0!important;filter:drop-shadow(0 2px 1px #354c3b30)}
body.ui-v21.immersive-game #gameApp #workInstruction .order-product-name{font:600 1.9cqw/1.15 'Fredoka Game'!important;color:#23423c!important;white-space:normal!important;overflow-wrap:anywhere}
body.ui-v21.immersive-game #gameApp #workInstruction #orderPictograms .order-token>b{font:600 2.25cqw/1 'Rubik Game'!important;color:#9b672a!important;white-space:nowrap!important;direction:ltr!important}
body.ui-v21.immersive-game #gameApp #workInstruction #workNext{font:500 1.05cqw/1.3 'Rubik Game'!important;color:#35564f!important;text-align:right!important;margin:0!important;white-space:normal!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-product-count='0'] #orderPictograms{display:none!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2']{width:32%!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] .order-token{grid-template-columns:3.6cqw minmax(0,1fr) auto!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] #orderPictograms .product-art{width:3.6cqw!important;height:3.6cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] .order-product-name{font-size:1.4cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] #orderPictograms .order-token>b{font-size:1.6cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] .order-token.done{opacity:.65}
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='1']{max-width:28%!important;min-height:9%!important}
/* Packing trays grow from the live product collection. No nth-child positions. */
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing{display:grid!important;grid-template-columns:repeat(var(--product-columns,2),minmax(0,1fr))!important;gap:1cqh .7cqw!important;position:absolute!important;inset:auto auto 4% 3%!important;width:28%!important;height:auto!important;max-height:47%!important;padding:0!important;align-content:start!important;overflow:auto!important;pointer-events:none!important;direction:rtl!important;z-index:14!important;scrollbar-width:thin}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;width:100%!important;height:auto!important;min-width:0!important;min-height:max(36px,11.5cqh)!important;aspect-ratio:auto!important;margin:0!important;padding:.6cqh .5cqw!important;box-sizing:border-box!important;border:2px solid #244847!important;border-bottom-width:4px!important;border-radius:.8cqw!important;background:#eceddbf0!important;box-shadow:0 .3cqh #092b3840!important;pointer-events:auto!important;overflow:hidden!important;color:#21433d!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>.product-art{position:static!important;display:block!important;width:4.1cqw!important;height:4.1cqw!important;min-height:0!important;transform:none!important;margin:0!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>span:not(.product-art){position:static!important;display:flex!important;flex-direction:column!important;gap:.2cqh!important;transform:none!important;background:none!important;padding:0!important;text-align:center!important;color:inherit!important;max-width:100%!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 strong{font:600 1.35cqw/1.1 'Fredoka Game'!important;white-space:normal!important;color:#21433d!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 small{font:400 .8cqw/1.1 'Rubik Game'!important;color:#5d7469!important;display:block!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>kbd{position:absolute!important;top:.5cqh!important;left:.4cqw!important;display:block!important;font:500 .8cqw 'Rubik Game'!important;color:#4b6a61!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30:hover{background:#fff3c7!important}body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30:active{scale:.97!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30[hidden]{display:none!important}
body.ui-v21.immersive-game #gameApp .packing-plan{left:3%!important;top:15%!important;width:28%!important;max-height:30%!important;overflow:auto!important;padding:1cqh 1cqw!important;border:1px solid #9cbaaa!important;background:#eff2e1ed!important;border-radius:.8cqw!important;box-sizing:border-box!important}
body.ui-v21.immersive-game #gameApp .packing-plan .plan-current{display:none!important}
body.ui-v21.immersive-game #gameApp .packing-plan .plan-products{display:flex!important;flex-wrap:wrap!important;gap:.6cqh .8cqw!important;min-width:0!important}
body.ui-v21.immersive-game #gameApp .packing-plan .plan-product{display:grid!important;grid-template-columns:2.8cqw minmax(0,1fr) auto!important;align-items:center!important;gap:.3cqw!important;min-width:0!important;flex:1 1 100%!important;direction:rtl!important}
body.ui-v21.immersive-game #gameApp .packing-plan .order-product-name{font:500 1cqw 'Rubik Game';color:#3c5d4e}
body.ui-v21.immersive-game #gameApp .packing-plan .plan-product>b{font:600 1.1cqw 'Rubik Game';direction:ltr}
body.ui-v21.immersive-game #gameApp .packing-plan .plan-chain{font-size:.85cqw!important}.packing-plan .plan-next>small{font-weight:600!important}
/* Preserve physical sorting targets and expose their Hebrew label. */
body.ui-v21.immersive-game #gameApp .scene-objects #controls:not(.loading):not(.packing) .station-product30>span:not(.product-art):not(.sort-basket-object){display:block!important;position:absolute!important;inset:auto -5% -3%!important;transform:none!important;text-align:center!important;background:#183d43ed!important;padding:.35cqh .4cqw!important;border:1px solid #bed5bf!important;border-radius:.5cqw!important;z-index:3!important;color:#fff0c8!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls:not(.loading):not(.packing) .station-product30 strong{font:600 1.4cqw/1.1 'Fredoka Game'!important;color:#fff0c8!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls:not(.loading):not(.packing) .station-product30 small{display:none!important}
@container(max-width:700px){body.ui-v21.immersive-game #gameApp #workInstruction{right:2%!important;width:33%!important;padding:.8cqh .9cqw!important;max-height:31%!important}body.ui-v21.immersive-game #gameApp #workInstruction #workGoal{font-size:1.35cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction #workCount{font-size:1.7cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction #workNext{font-size:1.4cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction .order-product-name{font-size:2.25cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction #orderPictograms .order-token>b{font-size:2.5cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] .order-product-name{font-size:1.7cqw!important}body.ui-v21.immersive-game #gameApp #workInstruction[data-station='2'] #orderPictograms .order-token>b{font-size:2cqw!important}body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 strong{font-size:1.65cqw!important}body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 small{display:none!important}body.ui-v21.immersive-game #gameApp .packing-plan .order-product-name{font-size:1.4cqw}.packing-plan .plan-chain{font-size:1.2cqw!important}}
@media(prefers-reduced-motion:reduce){body.ui-v21 #gameApp .station-product30{transition:none!important;animation:none!important}}

/* Mixed recipes compact to two flowing columns, rather than clipping a fourth row. */
body.ui-v21.immersive-game #gameApp #workInstruction.many-products30 #orderPictograms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5cqh .7cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction.many-products30 .order-token{grid-template-columns:2.6cqw minmax(0,1fr)!important;gap:.35cqw!important;position:relative!important;padding-bottom:.5cqh!important}
body.ui-v21.immersive-game #gameApp #workInstruction.many-products30 #orderPictograms .product-art{width:2.6cqw!important;height:2.6cqw!important;grid-row:span 2!important}
body.ui-v21.immersive-game #gameApp #workInstruction.many-products30 .order-product-name{font-size:1.1cqw!important}
body.ui-v21.immersive-game #gameApp #workInstruction.many-products30 #orderPictograms .order-token>b{font-size:1.25cqw!important;grid-column:2!important}

body.ui-v21 #gameApp .station-start30{display:flex!important;align-items:center!important;justify-content:center!important;gap:1cqw!important;min-height:clamp(42px,9cqh,68px)!important;padding:1.4cqh 2.5cqw!important;background:#efcf7f!important;color:#173d40!important;border:2px solid #19383d!important;border-bottom-width:5px!important;border-radius:1cqw!important;font:600 clamp(15px,2cqw,28px)/1.15 'Fredoka Game'!important;cursor:pointer!important;box-shadow:0 .3cqh #09293655!important}
body.ui-v21 #gameApp .station-start30:focus-visible{outline:3px solid #fff4bf!important;outline-offset:3px}

/* Peeling objective safe lane: between the two top HUD cards, never over mould buttons. */
body.ui-v21.immersive-game #gameApp #workInstruction[data-station='0']{top:3.2%!important;right:30%!important;left:auto!important;width:36%!important;min-height:13%!important;max-height:21%!important}

/* Packing only: one icon per tray; the whole live collection fits the left lane.
   Keep minmax(0,1fr) rows so inherited button minimums cannot push rows offstage. */
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing{--packing-columns:2;--packing-rows:4;--packing-icon-size:3.8cqw;position:absolute!important;inset:35% auto 10% 3%!important;width:28%!important;height:55%!important;min-height:0!important;max-height:55%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(var(--packing-columns),minmax(0,1fr))!important;grid-template-rows:repeat(var(--packing-rows),minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;grid-auto-flow:row!important;align-content:stretch!important;align-items:stretch!important;gap:.9cqh .7cqw!important;padding:.25cqh .15cqw!important;overflow:hidden!important;scrollbar-width:none!important;overscroll-behavior:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing[data-product-count='0']{display:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing:is([data-product-count='1'],[data-product-count='2'],[data-product-count='3']){--packing-columns:1;--packing-rows:3;--packing-icon-size:4.3cqw}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing[data-product-count='4']{--packing-rows:2;--packing-icon-size:4.3cqw}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing:is([data-product-count='5'],[data-product-count='6']){--packing-rows:3}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing:is([data-product-count='7'],[data-product-count='8']){--packing-icon-size:3.2cqw}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;box-sizing:border-box!important;gap:.35cqh!important;padding:.65cqh .6cqw!important;margin:0!important;background:#eceddbf0!important;background-image:none!important;overflow:hidden!important;filter:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>span.sort-basket-object{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>.product-art{display:block!important;position:static!important;inset:auto!important;width:var(--packing-icon-size)!important;height:var(--packing-icon-size)!important;min-height:0!important;margin:0!important;transform:none!important;flex:0 0 auto!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>span:not(.product-art):not(.sort-basket-object){position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.2cqh!important;transform:none!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 strong{position:static!important;inset:auto!important;transform:none!important;display:block!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:1.35cqw!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 small{position:static!important;inset:auto!important;transform:none!important;white-space:normal!important;font-size:.8cqw!important;line-height:1.1!important}
body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>kbd{position:absolute!important;inset:.5cqh auto auto .4cqw!important;display:grid!important;place-items:center!important;min-width:1.5cqw!important;height:1.5cqw!important;padding:0 .2cqw!important;border:1px solid #adc1a5!important;border-radius:.35cqw!important;background:#dce6cfee!important;color:#31584a!important;font-size:.95cqw!important;line-height:1!important;direction:ltr!important}
@container(max-width:700px){body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 strong{font-size:1.65cqw!important}body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30 small{display:none!important}body.ui-v21.immersive-game #gameApp .scene-objects #controls.packing .station-product30>kbd{font-size:1.2cqw!important;min-width:1.8cqw!important;height:1.8cqw!important}}
