:root{--yellow:#ffd43b;--red:#e5222e;--ink:#180706;--panel:#270a08cc;--green:#2fd067}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#160504;color:#fff;font-family:Arial,system-ui,sans-serif}button,input{font:inherit}.app{height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 22%,#ffbd3b,#ef5c29 29%,#97131b 63%,#240505)}.noise{position:absolute;inset:0;opacity:.09;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:14px 14px;pointer-events:none}header{position:absolute;z-index:50;top:0;left:0;right:0;padding:9px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.logo{font-size:clamp(17px,3vw,28px);font-weight:1000;letter-spacing:-1px}.logo span{color:var(--yellow)}.hud{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{background:#160403d9;border:1px solid #fff3;border-radius:13px;padding:5px 9px;font-size:10px;font-weight:900;white-space:nowrap}.pill b{font-size:16px;color:var(--yellow)}.screen{position:absolute;inset:0;display:none;z-index:10}.screen.active{display:flex}.center{align-items:center;justify-content:center;text-align:center;padding:22px}#home{overflow-y:auto}.hero{width:min(820px,100%);margin:auto}.factoryMark{font-size:clamp(72px,14vw,150px);filter:drop-shadow(0 18px 8px #43000088);animation:float 2.1s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}h1{font-size:clamp(48px,9vw,104px);line-height:.82;letter-spacing:-5px;margin:5px 0 15px}h1 span{color:var(--yellow);text-shadow:5px 5px #8d1017}.desc{font-size:clamp(13px,2vw,19px);line-height:1.45;opacity:.9;margin:0 auto 20px;max-width:680px}.btn{border:0;border-radius:17px;padding:14px 24px;font-weight:1000;cursor:pointer}.primary{background:var(--yellow);color:#48100a;box-shadow:0 6px #b48912}.primary:active{transform:translateY(4px);box-shadow:0 2px #b48912}.dark{background:#170403e8;color:#fff;border:1px solid #fff3}.hint{font-size:11px;opacity:.58;margin-top:13px}#game{position:absolute;inset:0}.arena{position:absolute;inset:58px 0 0;overflow:hidden;touch-action:none}.factoryBg{position:absolute;inset:0;background:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:38px 38px;opacity:.45}.beams{position:absolute;left:0;right:0;top:2%;height:22%;background:repeating-linear-gradient(90deg,transparent 0 13%,#2a0907aa 13% 14%,transparent 14% 25%);opacity:.55}.status{position:absolute;z-index:30;top:5px;left:50%;transform:translate(-50%);padding:7px 13px;border-radius:999px;background:#170403d8;border:1px solid #fff3;font-size:clamp(11px,2vw,15px);font-weight:1000;color:var(--yellow);white-space:nowrap}.conveyor{position:absolute;z-index:7;left:4%;right:4%;top:24%;height:112px;border:5px solid #28110d;border-radius:20px;background:linear-gradient(#5d656a 0 12%,#333a3f 12% 82%,#1f2327 82%);box-shadow:0 12px 22px #31000077,inset 0 5px #8c969d,inset 0 -6px #171a1d}.belt{position:absolute;inset:17px 10px 19px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(90deg,#262a2d 0 34px,#3a3f43 34px 66px);box-shadow:inset 0 4px 7px #0008}.belt.running{animation:beltMove .65s linear infinite}@keyframes beltMove{to{background-position:66px 0}}.roller{position:absolute;top:50%;width:31px;height:31px;border-radius:50%;background:radial-gradient(circle,#aeb6ba 0 17%,#555e64 20% 48%,#202428 52%);transform:translateY(-50%);box-shadow:0 0 0 4px #151719}.roller.r1{left:-18px}.roller.r2{right:-18px}.sensor{position:absolute;right:12%;top:-25px;width:7px;height:156px;background:#ffd43b55;border-left:1px solid #ffeaa455;border-right:1px solid #b1870e55}.sensor:after{content:"SCAN";position:absolute;top:2px;left:50%;transform:translate(-50%,-100%);font-size:9px;font-weight:1000;color:#ffd43b}.productLayer{position:absolute;inset:0;overflow:visible;pointer-events:none}.product{position:absolute;z-index:15;top:50%;left:-90px;width:70px;height:92px;transform:translateY(-50%);filter:drop-shadow(0 8px 4px #0006);will-change:left,transform}.product.sorting{z-index:28;transition:transform .42s cubic-bezier(.2,.8,.25,1),opacity .42s}.product.danger{animation:dangerPulse .42s ease-in-out infinite alternate}@keyframes dangerPulse{to{filter:drop-shadow(0 0 9px #ffd43baa) drop-shadow(0 8px 4px #0006);transform:translateY(-50%) scale(1.06)}}.bottle{position:absolute;inset:0}.cap{position:absolute;left:50%;top:0;transform:translate(-50%);width:28px;height:13px;border-radius:5px 5px 2px 2px}.neck{position:absolute;left:50%;top:10px;transform:translate(-50%);width:23px;height:18px;border-radius:3px}.bodyBottle{position:absolute;left:50%;top:24px;transform:translate(-50%);width:52px;height:62px;border-radius:12px 12px 15px 15px;border:2px solid #0004;box-shadow:inset 6px 0 7px #ffffff38,inset -5px 0 7px #0002}.labelBottle{position:absolute;left:50%;top:45px;transform:translate(-50%);width:43px;height:24px;border-radius:6px;border:1px solid #0002;box-shadow:inset 0 1px #fff8}.bottle:after{content:"";position:absolute;left:28px;top:30px;width:7px;height:45px;border-radius:99px;background:#fff6}.product.saos .cap{background:#2e7d32}.product.saos .neck{background:#f5d65f}.product.saos .bodyBottle{background:linear-gradient(#ff7565,#d31c24)}.product.saos .labelBottle{background:linear-gradient(#ffe47d,#ffc632)}.product.kecap .cap{background:#9b321d}.product.kecap .neck{background:#4f301d}.product.kecap .bodyBottle{background:linear-gradient(#5e3a22,#241109)}.product.kecap .labelBottle{background:linear-gradient(#f0d58a,#c99745)}.product.sirop .cap{background:#ce4a82}.product.sirop .neck{background:#f4b5cf}.product.sirop .bodyBottle{background:linear-gradient(#d061af,#7d216c)}.product.sirop .labelBottle{background:linear-gradient(#ffe8f2,#ffc0d9)}.chutes{position:absolute;z-index:5;left:7%;right:7%;top:47%;height:24%;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.chute{position:relative}.chute:before{content:"";position:absolute;left:50%;top:0;width:52%;height:100%;transform:translate(-50%);clip-path:polygon(29% 0,71% 0,100% 100%,0 100%);background:linear-gradient(90deg,#20272a,#657177 45%,#31383c 75%);border-radius:8px;opacity:.9;filter:drop-shadow(0 8px 5px #26000066)}.bins{position:absolute;z-index:20;left:4%;right:4%;bottom:3%;height:25%;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4%}.bin{position:relative;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;padding:0}.binInner{position:absolute;inset:5% 1% 0;border-radius:14px 14px 20px 20px;border:4px solid #613819;background:linear-gradient(#d8a064,#ad6f39);box-shadow:inset 0 5px #f3c99899,inset 0 -10px #6e3e1d55,0 9px 12px #25000066;overflow:hidden;transition:.1s transform,.1s filter}.bin:active .binInner{transform:scale(.97)}.bin.good .binInner{animation:goodBin .35s}.bin.bad .binInner{animation:badBin .35s}@keyframes goodBin{50%{transform:scale(1.08);filter:brightness(1.35)}}@keyframes badBin{25%,75%{transform:translate(-8px)}50%{transform:translate(8px);filter:saturate(2)}}.binStripe{position:absolute;left:-8%;right:-8%;top:18%;height:20%;transform:rotate(-3deg)}.bin.saos .binStripe{background:#e8332d}.bin.kecap .binStripe{background:#45220f}.bin.sirop .binStripe{background:#8b2c79}.binArt{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.7);width:70px;height:92px}.binLabel{position:absolute;left:8%;right:8%;bottom:5%;font-size:clamp(10px,1.8vw,17px);font-weight:1000;letter-spacing:.08em;background:#1c0705c8;border:1px solid #fff2;border-radius:999px;padding:5px 4px}.pop{position:fixed;z-index:200;font-size:24px;font-weight:1000;color:var(--yellow);pointer-events:none;animation:pop .75s ease-out forwards;text-shadow:2px 2px #8d1017}@keyframes pop{to{transform:translateY(-70px) scale(1.25);opacity:0}}.flash{position:absolute;z-index:100;inset:0;pointer-events:none;opacity:0}.flash.good{animation:flashGood .18s}.flash.bad{animation:flashBad .25s}@keyframes flashGood{50%{opacity:.16;background:#8dffae}}@keyframes flashBad{50%{opacity:.23;background:#f34}}.levelUp{position:absolute;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;opacity:0}.levelUp strong{font-size:clamp(50px,10vw,110px);line-height:.8;color:var(--yellow);text-shadow:6px 6px #8d1017}.levelUp span{margin-top:16px;font-weight:1000;background:#170403dc;border:1px solid #fff3;border-radius:999px;padding:10px 18px}.levelUp.show{animation:levelUp 1.2s ease-out}@keyframes levelUp{0%{opacity:0;transform:scale(.55)}20%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.finish .score{font-size:clamp(66px,14vw,138px);font-weight:1000;color:var(--yellow);line-height:.9;text-shadow:5px 5px #8d1017}.finish h2{font-size:clamp(28px,5vw,52px);margin:8px}.rank{font-size:18px;font-weight:1000}.form{display:flex;gap:7px;width:min(470px,92vw);margin:16px auto}.form input{flex:1;min-width:0;border:0;border-radius:14px;padding:13px;font-weight:900;outline:0}.board{width:min(600px,92vw);background:#170403b8;border:1px solid #fff2;border-radius:19px;padding:10px;margin:10px auto}.board h3{margin:3px 0 7px}.row{display:grid;grid-template-columns:34px 1fr 90px;padding:7px;border-bottom:1px solid #fff1;text-align:left}.row:last-child{border:0}.row b:last-child{text-align:right;color:var(--yellow)}.arcadeBtn{position:fixed;z-index:150;left:18px;bottom:18px;width:44px;height:44px;padding:0;border:1px solid #fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#170403b8;color:#fff;text-decoration:none;font-size:19px;opacity:.65;box-shadow:0 5px 15px #21000055}.arcadeBtn:hover,.arcadeBtn:focus{opacity:1;outline:2px solid #fff}@media(max-width:650px){header{padding:7px}.pill{padding:4px 6px}.pill b{font-size:14px}.arena{inset:53px 0 0}.conveyor{left:1%;right:1%;height:96px}.product{width:61px;height:82px}.cap{width:24px}.bodyBottle{width:46px;height:55px}.labelBottle{width:38px}.chutes{left:3%;right:3%;top:44%;height:25%;gap:3%}.bins{left:2%;right:2%;height:27%;gap:1.5%}.binArt{transform:translate(-50%,-50%) scale(.55)}.binInner{border-width:3px}.status{top:3px}}@media(max-height:650px){.conveyor{top:20%;height:88px}.chutes{top:43%;height:20%}.bins{height:26%}.binArt{transform:translate(-50%,-52%) scale(.5)}.binLabel{font-size:10px;padding:3px}}.form input{text-transform:uppercase}.settingsBtn{position:fixed;z-index:150;right:18px;bottom:18px;width:44px;height:44px;padding:0;border:1px solid #fff3;border-radius:50%;background:#170403b8;color:#fff;font-size:19px;opacity:.65;cursor:pointer}.settingsBtn:hover,.settingsBtn:focus{opacity:1;outline:2px solid #fff}.settingsDialog{width:min(500px,calc(100vw - 28px));padding:0;border:1px solid #fff3;border-radius:22px;background:linear-gradient(155deg,#4d0c10,#1b0507);color:#fff;box-shadow:0 25px 70px #160000aa}.settingsDialog::backdrop{background:#160305c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settingsHead{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 8px}.settingsHead h2{margin:0;color:var(--yellow)}.closeSettings{width:38px;height:38px;border:1px solid #fff3;border-radius:50%;background:#0004;color:#fff;font-size:25px;cursor:pointer}.settingsBody{display:grid;padding:12px 20px 22px;gap:10px}.settingRow{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #fff2;border-radius:13px;background:#ffffff0a;font-weight:900}.settingRow small{display:block;margin-top:3px;opacity:.5;font-size:9px;font-weight:400}.settingRow input[type=color]{width:54px;height:32px;padding:2px;border:0;border-radius:8px;background:#fff}.settingRow input[type=checkbox]{width:22px;height:22px;accent-color:var(--yellow)}.noFactoryEffects .flash,.noFactoryEffects .levelUp,.noFactoryEffects .pop{display:none!important}.settingsDialog{max-height:min(88dvh,760px);overflow-y:auto}.settingsHead small{opacity:.5;font-size:8px;font-weight:900;letter-spacing:2px}.factorySettingTitle{margin:3px 0 0;color:var(--yellow);font-size:10px;letter-spacing:.12em}.factorySettingHeading{display:flex;align-items:center;justify-content:space-between}.factorySettingHeading span{opacity:.5;font-size:8px;font-weight:900}.factoryTimerSetting>div{display:flex;align-items:center;gap:6px}.factoryTimerSetting input{width:76px;padding:8px 5px;border:0;border-radius:8px;font-weight:900;text-align:center}.factoryTimerSetting b{opacity:.5;font-size:8px}.chutes,.bins{grid-template-columns:repeat(var(--factory-products, 3),minmax(0,1fr))}.bins .binLabel{font-size:clamp(8px,1.3vw,14px)}.factoryAssetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.factoryAsset{min-width:0;padding:8px;border:1px solid #fff2;border-radius:13px;background:#ffffff08;text-align:center}.factoryAssetPreview{display:flex;align-items:center;justify-content:center;height:86px;margin-bottom:7px;overflow:hidden;border-radius:10px;background:linear-gradient(155deg,#fff8df,#dba85f);font-size:38px}.factoryAssetPreview img{width:88%;height:88%;object-fit:contain}.factoryProductName{width:100%;margin-bottom:7px;padding:7px 5px;border:0;border-radius:8px;font-size:9px;font-weight:900;text-align:center;text-transform:uppercase}.factoryAsset>div:last-child{display:flex;gap:4px}.factoryUpload,.factoryAsset button{flex:1;padding:7px 4px;border:1px solid #fff3;border-radius:8px;cursor:pointer;font-size:8px;font-weight:1000}.factoryUpload{background:var(--yellow);color:#48100a}.factoryUpload input{position:absolute;width:1px;height:1px;opacity:0}.factoryAsset button{background:#0004;color:#fff}.factoryAsset button:disabled{cursor:not-allowed;opacity:.3}.factorySettingsStatus{min-height:16px;margin:0;color:#72e597;font-size:9px;font-weight:800;text-align:center}.factorySettingsStatus.error{color:#ff9c9c}.addFactoryProduct{padding:10px;border:1px dashed #ffffff55;border-radius:11px;background:#ffffff08;color:var(--yellow);cursor:pointer;font-size:10px;font-weight:1000}.addFactoryProduct:disabled{cursor:not-allowed;opacity:.3}.factory-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 4px #0005)}.factory-generic-product{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:50px;filter:drop-shadow(0 7px 4px #0005)}.binArt .factory-product-image{transform:scale(1.45);filter:drop-shadow(0 5px 4px #0005)}.binArt .factory-generic-product{transform:scale(1.35)}@media(max-width:520px){.factoryAssetGrid{grid-template-columns:1fr}.factoryAsset{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:6px 8px}.factoryAssetPreview{grid-row:1 / 3;height:78px;margin:0}.factoryProductName{margin:0}.binArt .factory-product-image{transform:scale(1.6)}}