@font-face{font-family:Outfit;src:url(/fonts/Outfit-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{font-family:Outfit,Segoe UI,sans-serif;color:#263943;background:#e6e0d4;font-synthesis:none;-webkit-tap-highlight-color:transparent;--cream:#fffaf0;--muted:#586c73;--copper:#168273;--surface:#fffaf0;--teal:#166858;--ease:cubic-bezier(.16,1,.3,1);--hud-shadow:0 4px 14px #25334020;--control-radius:12px}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .16s,color .16s,transform .16s var(--ease)}button:focus-visible{outline:3px solid #08776a;outline-offset:3px}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default}#app{height:100dvh;width:100%;margin:auto;background:#e7eee8;position:relative;isolation:isolate;overflow:hidden}header{position:absolute;z-index:5;left:50%;top:env(safe-area-inset-top,0px);transform:translate(-50%);width:min(100%,520px);height:52px;display:flex;align-items:center;justify-content:space-between;padding:4px 12px;gap:12px;pointer-events:none}header button{pointer-events:auto}.heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1}h1{font-size:20px;line-height:1.05;font-weight:700;letter-spacing:-.025em;margin:0;color:#173f3b;text-align:center}#level-title{font-variant-numeric:tabular-nums;white-space:nowrap}.round{width:44px;height:44px;flex-shrink:0;border-radius:14px;border:0;background:#fafaf3f5;color:#244e46;display:grid;place-items:center;box-shadow:var(--hud-shadow)}.round svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.progress{width:128px;display:flex;justify-content:center;align-items:center;gap:7px;height:14px;pointer-events:none}#progress-dots{display:flex;gap:0;align-items:center;flex:1;height:4px;border-radius:3px;overflow:hidden;background:#aec6bb}#progress-dots i{display:none}#progress-dots:before{content:"";width:100%;height:100%;background:var(--teal);transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .35s var(--ease)}#progress-copy{font-size:12px;line-height:14px;font-weight:600;color:#365e53;font-variant-numeric:tabular-nums;white-space:nowrap}#stage{position:absolute;inset:0;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}#cart-labels,#bay-labels{position:absolute;inset:0;pointer-events:none;z-index:2}#dock-status{display:none}.cart-hit{position:absolute;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;color:#183744;padding:0;display:flex;justify-content:center}.cart-hit:active:not(:disabled){transform:translate(-50%,-50%)}.cart-hit span{display:none}.cart-hit:not(.in-bay):not(.moving) .cart-capacity{display:block;position:absolute;left:calc(50% + var(--capacity-x,0px));top:calc(50% + var(--capacity-y,0px));transform:translate(-50%,-50%);padding:0 3px;min-width:19px;border-radius:4px;background:#163831e0;color:#fffdf2;font-size:13px;font-weight:700;line-height:17px;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;text-shadow:0 1px 1px #102f29}.cart-hit.dense:not(.in-bay):not(.moving) .cart-capacity{font-size:11px;line-height:14px;min-width:15px;padding:0 1px;border-radius:3px}@media(max-height:640px){.cart-hit.dense:not(.in-bay):not(.moving) .cart-capacity{font-size:9px;line-height:11px;min-width:12px;font-weight:650;border-radius:2px;background:#163831c9}}.cart-hit.in-bay{pointer-events:none}.cart-hit.in-bay span{display:block;position:absolute;top:-15px;padding:2px 6px;min-width:28px;border-radius:5px;background:#244e46;color:#fffef5;font-size:13px;font-weight:650;line-height:18px;font-variant-numeric:tabular-nums;box-shadow:0 2px 5px #173f3b20}.bay-number{position:absolute;transform:translate(-50%,-50%);color:#fafff5;font-size:12px;font-weight:600;text-shadow:0 1px 2px #173f3b}footer{position:absolute;z-index:5;bottom:env(safe-area-inset-bottom,0px);left:50%;transform:translate(-50%);width:min(100%,360px);height:72px;padding:8px 12px;pointer-events:none}#hint{position:absolute;z-index:6;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,6px);width:max-content;max-width:min(calc(100% - 32px),320px);margin:0;padding:10px 14px;border-radius:12px;background:#fafaf3f5;color:#244e46;font-size:13px;font-weight:550;line-height:1.4;text-align:center;text-wrap:balance;box-shadow:var(--hud-shadow);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s,transform .2s var(--ease),visibility .16s}#hint.visible{opacity:1;visibility:visible;transform:translate(-50%)}#hint.warning{color:#8a391d;font-weight:600;background:#fff0df}#speed{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:88px;flex:0 0 88px;height:56px;border:0;border-radius:14px;padding:6px 9px;background:#245d51;color:#fffdf1;font-size:12px;font-weight:600;touch-action:none;box-shadow:var(--hud-shadow)}#speed svg{display:block;width:21px;height:21px;fill:currentColor}#speed span{line-height:1.15;white-space:nowrap}#speed.holding{background:#075a4f;color:#fff;transform:translateY(1px)}.tools{display:flex;align-items:stretch;justify-content:center;gap:8px;pointer-events:auto}.tool{position:relative;flex:0 0 56px;width:56px;height:56px;border:0;border-radius:14px;background:#fffaf0f5;color:#263943;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px;box-shadow:var(--hud-shadow)}.tool svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool span{font-size:12px;line-height:1.15;font-weight:600}.tool b{position:absolute;right:-1px;top:0;min-width:16px;height:16px;border-radius:50%;background:#dceee2;color:#2e6455;font-size:11px;font-weight:650;line-height:16px}.tool:disabled,.tool[aria-disabled=true]{color:#667b70;background:#e6ece3f5;box-shadow:none}.tool:disabled b,.tool[aria-disabled=true] b{background:#d7e1d6;color:#567063}.tool.spent b{background:transparent;color:#667b70}.tool[aria-disabled=true]:active{transform:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:550;color:#244e46;background:#e7eee8;z-index:9;text-align:center;padding:25px}#loading span{margin-top:20px;width:30px;height:30px;border:2px solid #bed5c7;border-top-color:#08776a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:0;border-radius:16px;padding:35px 24px 24px;background:#fafaf3;color:#173f3b;max-width:370px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 18px 60px #10392b35;text-align:center}dialog::backdrop{background:#12372d9e}dialog h2{font-size:30px;font-weight:650;letter-spacing:-.03em;line-height:1.08;margin:7px 0 12px;text-wrap:balance}dialog p{font-size:14px;line-height:1.5;color:#527166;margin:0 0 22px;text-wrap:balance}.close{position:absolute;right:5px;top:4px;border:0;background:transparent;color:#527166;font-size:27px;width:44px;height:44px;padding:0}.close[hidden]{display:none}.primary,.secondary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 15px;border:0;border-radius:12px;font-size:15px;font-weight:550;margin-top:10px;line-height:1.3}.primary{background:#08776a;color:#fff}.secondary{background:#e2ece1;color:#315d4d}.primary small,.secondary small{font-size:12px;font-weight:400;line-height:1.4;margin-top:4px;opacity:.9}.success-seal{width:74px;height:74px;margin:1px auto 18px;border-radius:50%;background:#dceee0;color:#08776a;display:grid;place-items:center;font-size:35px}.success-seal svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.result-count{display:block;font-size:17px;font-weight:600;color:#315d4d;margin-bottom:7px;font-variant-numeric:tabular-nums}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 8px}.level-grid button{position:relative;min-height:49px;border:0;border-radius:10px;background:#e6ede2;color:#315d4d;font-weight:550;font-size:18px;font-variant-numeric:tabular-nums}.level-grid .finished{background:#dcebdd;color:#31584b}.level-grid small{position:absolute;right:6px;top:5px;font-size:10px;line-height:1}.level-grid .current{background:#08776a;color:#fff}.page-controls{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px;color:#527166;font-variant-numeric:tabular-nums}.page-controls button{border:0;background:none;color:#28655c;padding:10px;min-height:44px;min-width:44px;font-weight:550}.page-controls button:disabled{color:#768a7d}.recovery-options{display:grid;gap:0}.recovery-options .primary+.primary{background:#e2ece1;color:#315d4d}.text-button{border:0;background:transparent;color:#28655c;min-height:44px;padding:10px 14px;font-weight:550;font-size:14px;text-decoration:underline;text-underline-offset:3px}.pause-level{font-variant-numeric:tabular-nums}.menu-list{display:flex;flex-direction:column;margin-top:18px}.menu-list button{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:10px 4px;border:0;border-radius:8px;background:transparent;color:#315d4d;font-size:15px;font-weight:550;text-align:left}.menu-list svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-list .menu-value{margin-left:auto;color:#527166;font-size:13px}.eyebrow{display:none}::selection{background:#b4dcc9;color:#173f3b}*{scrollbar-color:#87ad98 #edf2e8;scrollbar-width:thin}@media(hover:hover){.round:hover,.tool:hover:not(:disabled){background:#e0eddf}.primary:hover,#speed:hover{background:#08675b}.secondary:hover,.level-grid button:hover{background:#d4e3d0}.level-grid .current:hover{background:#08675b}.page-controls button:hover:not(:disabled),.menu-list button:hover{background:#e2ece1;border-radius:8px}}@media(max-width:350px){header{padding-left:10px;padding-right:10px}footer{padding-left:10px;padding-right:10px}.tools{gap:6px}dialog{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){button,#progress-dots:before,#hint{transition:none}#loading span{animation:none}}#supply-preview{position:absolute;z-index:4;top:calc(56px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(calc(100% - 24px),496px);display:flex;justify-content:space-between;gap:16px;pointer-events:none}.feed-preview{pointer-events:auto;min-height:54px;width:132px;padding:5px 8px;border:0;border-radius:10px;background:#fffaf0f5;color:#263943;box-shadow:var(--hud-shadow);text-align:left}.feed-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650;line-height:14px;font-variant-numeric:tabular-nums}.feed-caption svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.feed-sequence{display:flex;gap:4px;align-items:center;min-height:30px}.feed-sequence>span{position:relative;display:flex;width:25px;height:29px;align-items:center;justify-content:center}.feed-sequence img{width:27px;height:27px;object-fit:contain}.feed-sequence small{position:absolute;right:-1px;bottom:0;background:#263943;color:#fff;border-radius:3px;padding:0 2px;font-size:9px;line-height:11px}.feed-sequence .next-group:after{content:"";position:absolute;bottom:-2px;left:6px;right:6px;height:2px;background:var(--flavour);border-radius:1px}.feed-sequence .empty-feed{width:auto;font-size:12px;color:#586c73}.supply-totals{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.supply-totals>span{display:flex;align-items:center;gap:1px;font-variant-numeric:tabular-nums;font-size:14px}.queue-list{list-style-position:inside;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;padding:0;margin:0 0 12px;text-align:left;max-height:45dvh;overflow:auto}.queue-list li{font-size:10px;color:#586c73;font-variant-numeric:tabular-nums}.queue-list img{display:block;width:100%;height:56px;object-fit:contain}.queue-list span{display:block;text-align:center;color:#263943;font-size:11px;text-transform:capitalize;white-space:nowrap}@media(max-height:500px)and (min-width:600px){#supply-preview{top:8px;width:calc(100% - 24px);max-width:none}.feed-preview{width:120px}.queue-list{max-height:35dvh}}@media(max-height:640px)and (max-width:599px){#supply-preview{top:52px}.feed-preview{min-height:44px;padding:3px 8px}.feed-caption{line-height:12px}.feed-sequence{min-height:26px}.feed-sequence>span{height:25px}.feed-sequence img{width:23px;height:23px}}.detail-view .heading{background:#fffaf0f5;border-radius:12px;padding:5px 7px}@media(max-height:500px)and (min-width:600px)and (max-width:780px){#supply-preview{top:56px}.feed-preview{width:120px}}