/* The line is a physical set of connected machines; the old standalone controls hide only in this new production mode. */
body.peeling-line-active #controls,body.peeling-line-active #machinePressure,body.peeling-line-active #timingCue,body.peeling-line-active #workInstruction,body.peeling-line-active .interior-brand-sign{visibility:hidden!important;pointer-events:none!important}
body.ui-v21 #gameApp #peelingLine{position:absolute;inset:15% 23% 3% 2%;z-index:15;direction:rtl;font-family:'Fredoka Game',sans-serif;touch-action:none;isolation:isolate;pointer-events:auto}
.peel-line-heading{position:absolute;top:0;left:2%;right:2%;display:flex;align-items:center;justify-content:space-between;direction:rtl;color:#ffe7a1;text-shadow:2px 2px #112a35;font-size:2.1cqw;pointer-events:none}
.peel-line-heading b{font-size:1.2cqw;background:#163d49;border:2px solid #b3c6a7;border-bottom-width:4px;border-radius:12px 7px;padding:.7cqh 1cqw}
.peel-belt{position:absolute;inset:16% 0 43%;background:repeating-linear-gradient(90deg,#506f70 0 3.4cqw,#26454f 3.45cqw 3.7cqw);border:6px solid #17313c;border-top:1.4cqh solid #a2b7a7;border-bottom:1.4cqh solid #768e86;border-radius:16px;box-shadow:0 1.2cqh #142e39,0 1.5cqh 1cqh #091c2890;pointer-events:none}
.peel-belt::before,.peel-belt::after{content:'';position:absolute;top:2%;bottom:2%;width:1.3cqw;border-radius:10px;background:#d5b56c;border:3px solid #2e3d38}.peel-belt::before{left:-1.7cqw}.peel-belt::after{right:-1.7cqw}
.peel-belt-arrow{position:absolute;left:2%;bottom:0;color:#a9d5c6;font-size:2cqw;font-style:normal;opacity:.6;letter-spacing:.5cqw;animation:peel-belt-roll .8s linear infinite}
.peel-end-warning,.peel-incoming-label{position:absolute;font-size:.9cqw;background:#d8bd75;color:#3f3022;padding:.3cqh .6cqw;border:2px solid #3a3327;border-radius:6px;top:-2.2cqh;left:0}.peel-incoming-label{left:auto;right:0;background:#a6c8b7;color:#153845}
.peel-parts{position:absolute;inset:-57% 0 -105%;pointer-events:none}
body.ui-v21 #gameApp #peelingLine .peel-potato{position:absolute!important;left:calc(var(--potato-x)*100%)!important;top:var(--potato-y)!important;right:auto!important;bottom:auto!important;width:10.5cqw!important;height:11cqh!important;min-width:56px;min-height:48px;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;transform:translate(calc(-50% + var(--drag-x,0px)),calc(-50% + var(--drag-y,0px)));z-index:3;cursor:grab;touch-action:none;overflow:visible!important;pointer-events:auto!important;outline:0}
.peel-potato-art{position:absolute;inset:0;background:url('./assets/v2/products-detail.webp') 0 50%/400% 160% no-repeat;filter:drop-shadow(0 .6cqh .25cqh #0b263080);pointer-events:none}
[data-type='metal']>.peel-potato-art{background-position:33.333% 50%}[data-type='clean'].washed-ready>.peel-potato-art{filter:brightness(1.15) drop-shadow(0 0 6px #8ce3d7)}
.peel-potato>span{position:absolute;bottom:-1.8cqh;left:12%;right:12%;background:#fff0bf;border:2px solid #253d3c;border-radius:6px;color:#263b3c;font:600 1cqw 'Fredoka Game';text-align:center;line-height:1.15;padding:.3cqh 0;pointer-events:none}
.peel-potato[data-type='metal']>span{background:#f1b18b}.peel-potato[data-type='muddy']>span{background:#d1a16a}
.peel-mud{display:none}.peel-potato[data-type='muddy']>.peel-mud{display:block;position:absolute;inset:18% 10%;border-radius:48% 35% 49% 35%;background:radial-gradient(ellipse at 20% 50%,#624a31 0 19%,transparent 22%),radial-gradient(ellipse at 60% 70%,#735236 0 20%,transparent 23%),radial-gradient(ellipse at 70% 24%,#6a4b31 0 14%,transparent 17%);pointer-events:none}
.peel-potato.selected>.peel-potato-art{filter:drop-shadow(0 0 3px #ffe38d) drop-shadow(0 0 5px #ffe38d)}
.peel-potato.selected>span{background:#ffe38d}.peel-potato.is-dragging{z-index:30!important;cursor:grabbing!important}.peel-potato.in-washer{--potato-y:64%;width:8cqw!important;height:9cqh!important;z-index:12!important}.peel-potato.in-washer:disabled{opacity:.7}.peel-potato.washed-ready{animation:peel-ready .6s ease-in-out infinite alternate}
.peel-routing{position:absolute;left:1%;right:1%;top:54%;bottom:14%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%;direction:ltr;pointer-events:none}
body.ui-v21 #gameApp #peelingLine .peel-routing>button{position:relative!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;cursor:pointer;touch-action:manipulation;min-width:0;overflow:visible!important;pointer-events:auto;direction:rtl;color:#fff1c5}
.peel-routing>button svg{position:absolute;width:100%;height:102%;inset:-15% 0 auto;overflow:visible;filter:drop-shadow(0 .8cqh .25cqh #10242b80);pointer-events:none}
.peel-routing>button>b{font:600 1.35cqw 'Fredoka Game';color:#fff0c2;text-shadow:2px 2px #18303b;position:relative;z-index:2;margin-bottom:-.5cqh}.peel-routing>button>small{font:500 .85cqw 'Fredoka Game';color:#e3eacf;text-shadow:1px 2px #18303b;position:relative;z-index:2;white-space:nowrap;margin-bottom:-2.8cqh;background:#183d48e8;padding:.3cqh .6cqw;border-radius:6px}
.peel-routing>button:hover svg,.peel-routing>button.peel-drop-ready svg{filter:drop-shadow(0 0 5px #ffdc83) drop-shadow(0 .8cqh .25cqh #10242b80)}
.peel-routing>button.peel-drop-ready{transform:scale(1.05)}.peel-routing>button:disabled{opacity:.55}
.peel-bay-progress{position:absolute;left:18%;right:18%;top:2%;height:.6cqh;background:#94e3de;transform:scaleX(var(--wash-progress,0));transform-origin:left;border-radius:10px;z-index:2;pointer-events:none}
.peel-machine-spin{position:absolute;top:21%;right:22%;font-style:normal;color:#eed185;font-size:2cqw;opacity:0;pointer-events:none}.peeler-working .peel-machine-spin{opacity:1;animation:peel-machine-spin .8s linear infinite}
.peel-output{position:absolute;left:47%;top:68%;width:8cqw;height:10cqh;background:url('./assets/v2/products-detail.webp') 66.667% 50%/400% 160% no-repeat;pointer-events:none;opacity:0;z-index:20;filter:drop-shadow(0 0 4px #f7eab4)}.peel-output.is-running{animation:peel-product-out .7s ease-out forwards}
.peel-line-status{position:absolute;bottom:2%;left:1%;right:1%;margin:0;padding:.8cqh 1.2cqw;border-radius:16px 7px;background:#fff0c8;border:3px solid #253e42;border-bottom-width:5px;color:#233c42;text-align:center;font:500 1.15cqw/1.25 'Fredoka Game';box-shadow:0 .5cqh .5cqh #10293755;pointer-events:none}
.peel-keys{position:absolute;bottom:-3%;left:0;right:0;text-align:center;font-size:.75cqw;color:#d7e1cc;text-shadow:1px 2px #142e38;pointer-events:none}
.peel-line-pressure .peel-belt{border-color:#d69959}.peel-line-pressure .peel-incoming-label{background:#ffd176}
[data-paused='true'] .peel-machine-spin,[data-paused='true'] .peel-belt-arrow,[data-paused='true'] .peel-potato.washed-ready{animation-play-state:paused}
@keyframes peel-belt-roll{to{translate:-1.2cqw 0}}@keyframes peel-ready{to{translate:0 -.6cqh}}@keyframes peel-machine-spin{to{rotate:360deg}}@keyframes peel-product-out{0%{opacity:1;translate:0 0;scale:.55;rotate:0deg}35%{opacity:1;translate:4cqw -7cqh;scale:1;rotate:40deg}100%{opacity:0;translate:15cqw -3cqh;scale:.6;rotate:90deg}}
@media(prefers-reduced-motion:reduce){.peel-machine-spin,.peel-belt-arrow,.peel-potato.washed-ready{animation:none!important}}
@container(max-height:380px){.peel-line-heading{font-size:16px}.peel-line-heading b{font-size:11px}.peel-potato>span{font-size:10px}.peel-routing>button>b{font-size:12px}.peel-routing>button>small{font-size:8px}.peel-line-status{font-size:10px}.peel-keys{display:none}.peel-end-warning,.peel-incoming-label{font-size:8px}}

/* Prime speeds processing rather than throwing more potatoes at the player. */
body.ui-v21 #gameApp #peelingLine .peel-prime-note{position:absolute;top:8%;left:16%;right:16%;z-index:3;text-align:center;color:#ffec9f;text-shadow:2px 2px #173541;font:600 1cqw 'Fredoka Game';pointer-events:none}
.peel-line-prime .peel-routing>button svg{filter:drop-shadow(0 0 6px #f9d971)}
body.ui-v21 #gameApp #peelingLine .peel-routing>button>svg{position:absolute!important;inset:-15% 0 auto!important;width:100%!important;height:102%!important;max-width:none!important;max-height:none!important}