@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/press-start-2p-latin.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/silkscreen-400-latin.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/silkscreen-700-latin.woff2)format("woff2")}:root{--bg:#11111b;--bg-panel:#1e1e2e;--bg-panel-alt:#313244;--primary:#313244;--secondary:#45475a;--surf2:#585b70;--overlay:#6c7086;--accent-light:#6ff0e4;--accent:#4fd1c5;--accent-dark:#2ba89d;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--red:#f38ba8;--green:#a6e3a1;--peach:#fab387;--peach-dark:#c87f4f;--font-pixel:"Press Start 2P", monospace;--font-ui:"Silkscreen", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-ui);overscroll-behavior:none;overflow:hidden}#app{grid-template-columns:auto 1fr;height:100dvh;display:grid}#left-pane{background:var(--bg-panel);border-right:3px solid var(--secondary);z-index:20;flex-direction:column;flex-shrink:0;width:4.75rem;display:flex;position:relative}.cart-toggle{background:var(--primary);border:none;border-bottom:3px solid var(--bg);cursor:pointer;color:var(--text-primary);font-family:var(--font-pixel);letter-spacing:.02em;z-index:1;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:100%;padding:9px 6px;font-size:.6rem;display:flex;position:relative}.cart-toggle:hover,.cart-toggle:active{background:var(--secondary)}.cart-badge{font-family:var(--font-pixel);background:var(--accent);color:var(--bg);box-shadow:2px 2px 0 var(--accent-dark);flex-shrink:0;padding:3px 4px;font-size:.5rem}#shopping{opacity:0;pointer-events:none;background:var(--bg-panel);border-right:3px solid var(--accent);width:min(340px,100vw - 4.75rem);box-shadow:6px 0 0 var(--bg), 8px 0 18px #0000008c;transition:transform .3s ease-out,opacity .2s;position:absolute;top:0;bottom:0;left:100%;overflow:hidden;transform:translate(-100%)}#left-pane.expanded #shopping{opacity:1;pointer-events:auto;transform:translate(0)}#shopping:after{content:"";pointer-events:none;z-index:20;border:3px solid #0000;transition:border-color .2s;position:absolute;inset:0}.phase-shopping #left-pane.expanded #shopping:after{border-color:var(--accent)}#grid,#force{background:var(--bg-panel);transition:box-shadow .2s,opacity .2s;overflow:hidden}#grid{border:none}#force{background:var(--bg-panel);z-index:1;border:none;position:relative}#force:after{content:"";pointer-events:none;z-index:20;border:3px solid #0000;transition:border-color .2s;position:absolute;inset:0}.phase-travelling #force:after,.phase-resting #force:after{border-color:var(--accent)}.phase-shopping #grid{opacity:.45}.phase-travelling #shopping,.phase-resting #shopping{opacity:.6}#grid{--grass-size:min(calc((100vw - 4.75rem) / 2), calc(100dvh * 480 / 530));background-color:var(--bg);background-image:url(/assets/ui/grass-bg.png);background-size:var(--grass-size) var(--grass-size);image-rendering:pixelated;background-position:50%;background-repeat:repeat;justify-content:center;align-items:center;display:flex;position:relative}#timer{font-family:var(--font-pixel);font-variant-numeric:tabular-nums;color:#fff;pointer-events:none;z-index:10;text-shadow:2px 2px #000000d9;font-size:.7rem;position:absolute;top:8px;right:12px}#seed-tag{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--text-secondary);pointer-events:none;z-index:10;text-shadow:1px 1px #000c;font-size:.55rem;position:absolute;bottom:8px;right:12px}.life.lost{background:var(--secondary);opacity:.5}#shopping{flex-direction:column;gap:8px;padding:12px;display:flex}.shopping-title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--accent);flex-shrink:0;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:.6rem;display:flex}.title-count{color:var(--overlay);letter-spacing:.06em;font-size:.5rem}.list-wrap{flex:1;min-height:0;position:relative}.item-list{flex-direction:column;gap:5px;padding-bottom:14px;display:flex;position:absolute;inset:0;overflow-y:auto}.item-list::-webkit-scrollbar{width:5px}.item-list::-webkit-scrollbar-track{background:0 0}.item-list::-webkit-scrollbar-thumb{background:var(--surf2)}.list-wrap:after{content:"";pointer-events:none;background:linear-gradient(to top, var(--bg-panel), #1e1e2e00);opacity:0;height:24px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.list-wrap.more:after{opacity:1}.item-row{cursor:pointer;background:var(--bg-panel-alt);border:2px solid var(--secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:8px 9px;transition:opacity .15s;display:flex}.item-row.status-atShop{opacity:.55}.item-row.status-inBag{opacity:1;border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent), 3px 3px 0 #0006}.item-row.status-atHome{opacity:.4;border-color:var(--bg-panel-alt);cursor:default}.item-check{color:var(--overlay);flex-shrink:0;width:15px;font-size:.85rem}.item-row.status-inBag .item-check{color:var(--accent)}.item-row.status-atHome .item-check{color:var(--accent-dark)}.item-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.7rem;line-height:1.3}.item-row.status-atHome .item-name{text-decoration:line-through}.item-weight{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.65rem}.item-row.status-inBag .item-weight{color:var(--text-primary)}.shopping-footer{border-top:3px solid var(--bg);flex-direction:column;flex-shrink:0;gap:9px;padding-top:10px;display:flex}.bag-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.bag-row .weight-summary{flex-shrink:0}.bag-row .haul-bar{flex:none;width:130px}.weight-summary{align-items:baseline;gap:7px;display:flex}.weight-big{font-family:var(--font-pixel);color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 9px #4fd1c573;font-size:1.1rem;line-height:1}.weight-unit{color:var(--accent);opacity:.85;font-size:.7rem}.weight-label{color:var(--overlay);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.haul-bar{background:var(--primary);border:1px solid var(--secondary);height:11px;display:flex;overflow:hidden}.seg-delivered{background:var(--accent-dark);transition:width .25s ease-out}.seg-inbag{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-light);transition:width .25s ease-out}.autoshopper-label{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.autoshopper-label input{width:15px;height:15px;accent-color:var(--accent);grid-row:1/3;align-self:center}.autoshopper-name{color:var(--text-primary);grid-column:2;font-size:.7rem;font-weight:700}.autoshopper-desc{color:var(--text-secondary);grid-column:2;font-size:.6rem}.go-btn{font-family:var(--font-pixel);background:var(--accent);color:var(--bg);border:3px solid var(--accent-light);cursor:pointer;width:100%;box-shadow:4px 4px 0 var(--accent-dark);padding:13px;font-size:.8rem;transition:transform 50ms,box-shadow 50ms}.go-btn:disabled{background:var(--primary);color:var(--overlay);border-color:var(--secondary);box-shadow:4px 4px 0 var(--bg);cursor:default}.go-btn:not(:disabled):active{box-shadow:0 0 0 var(--accent-dark);transform:translate(4px,4px)}.reset-trip-btn{background:var(--primary);border:none;border-bottom:3px solid var(--bg);cursor:pointer;color:var(--text-secondary);font-family:var(--font-pixel);letter-spacing:.02em;z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:7px;font-size:.55rem;display:flex;position:relative}.reset-trip-btn:hover{background:var(--secondary);color:var(--text-primary)}.reset-trip-btn:active{background:var(--secondary)}.reset-trip-btn:disabled{cursor:default}.reset-trip-btn:disabled:hover{background:var(--primary);color:var(--text-secondary)}.rail-exit-btn{color:var(--red)}.rail-exit-btn:hover{background:var(--red);color:var(--bg)}.rail-exit-btn:active{background:var(--red)}.reset-confirm-modal{z-index:100;background:#11111be6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reset-confirm-content{background:var(--bg-panel);border:3px solid var(--secondary);box-shadow:0 0 0 3px var(--bg), 6px 6px 0 #0000008c;text-align:center;max-width:240px;padding:20px}.reset-confirm-content p{color:var(--text-primary);margin:0 0 6px;font-size:.8rem}.reset-confirm-sub{line-height:1.5;color:var(--text-secondary)!important;margin-bottom:14px!important;font-size:.65rem!important}.reset-confirm-btns{gap:10px;display:flex}.reset-cancel-btn,.reset-confirm-btn{font-family:var(--font-pixel);border:3px solid var(--secondary);cursor:pointer;box-shadow:3px 3px 0 var(--bg);flex:1;padding:10px 8px;font-size:.6rem;transition:transform 50ms,box-shadow 50ms}.reset-cancel-btn:active,.reset-confirm-btn:active{transform:translate(3px,3px);box-shadow:0 0}.reset-cancel-btn{background:var(--primary);color:var(--text-primary)}.reset-cancel-btn:hover{background:var(--secondary)}.reset-confirm-btn{background:var(--accent);color:var(--bg);border-color:var(--accent-light);box-shadow:3px 3px 0 var(--accent-dark)}.reset-confirm-btn:hover{background:var(--accent-light)}#force{touch-action:none;-webkit-user-select:none;user-select:none;cursor:row-resize;flex-direction:column;flex:1;align-items:center;min-height:0;padding:12px 6px;display:flex}.force-track{background:var(--bg);border:3px solid var(--surf2);flex:1;width:100%;max-width:34px;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #000}.force-track,.force-track *{touch-action:none}.force-fill{background:var(--text-secondary);background-image:repeating-linear-gradient(0deg,#0000008c 0 2px,#0000 2px 9px);transition:height 40ms linear,background 80ms;position:absolute;bottom:0;left:0;right:0}.force-fill.zone-moving{background:var(--accent);box-shadow:none;background-image:repeating-linear-gradient(0deg,#00000080 0 2px,#0000 2px 9px);animation:none}.force-fill.zone-fast{background:var(--accent-light);background-image:repeating-linear-gradient(0deg,#00000073 0 2px,#0000 2px 9px);animation:1.2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px 1px #6ff0e480}50%{box-shadow:0 0 16px 5px #6ff0e4e6}}.force-threshold{background:var(--accent-light);pointer-events:none;height:3px;position:absolute;left:-6px;right:-6px;box-shadow:0 0 0 1px #000}.force-threshold:before,.force-threshold:after{content:"";background:var(--accent-light);width:3px;height:7px;position:absolute;top:-2px}.force-threshold:before{left:-1px}.force-threshold:after{right:-1px}.force-threshold.boosted,.force-threshold.boosted:before,.force-threshold.boosted:after{background:var(--peach)}.force-mod-chip{font-family:var(--font-ui);letter-spacing:.04em;color:var(--bg);background:var(--peach);white-space:nowrap;box-shadow:1px 1px 0 var(--peach-dark);pointer-events:none;z-index:3;padding:2px 3px;font-size:9px;font-weight:700;display:none;position:absolute;left:50%;transform:translate(-50%)}.force-target-block{flex-direction:column;flex-shrink:0;align-items:center;min-width:50px;margin-bottom:8px;display:flex}.force-target-meta{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);opacity:.85;font-size:.5rem;font-weight:700}.force-target-value{font-family:var(--font-pixel);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px;font-size:.65rem}.force-current-block{flex-direction:column;flex-shrink:0;align-items:center;margin-top:8px;display:flex}.force-value{font-family:var(--font-pixel);color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:.7rem}.force-unit{font-family:var(--font-ui);letter-spacing:.1em;color:var(--text-secondary);margin-top:4px;font-size:.5rem;font-weight:700}.game-overlay{z-index:20;background:#11111be0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.overlay-title{font-family:var(--font-pixel);color:var(--green);letter-spacing:.04em;text-shadow:3px 3px #0009;font-size:1.4rem}.overlay-subtitle{font-family:var(--font-pixel);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.3rem}.overlay-stats{color:var(--text-secondary);font-size:.85rem}.overlay-btn-row{gap:12px;margin-top:12px;display:flex}.overlay-restart{font-family:var(--font-pixel);background:var(--primary);color:var(--text-primary);border:3px solid var(--secondary);cursor:pointer;box-shadow:4px 4px 0 var(--bg);padding:12px 20px;font-size:.65rem;transition:transform 50ms,box-shadow 50ms}.overlay-restart:active{transform:translate(4px,4px);box-shadow:0 0}.overlay-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent-light);box-shadow:4px 4px 0 var(--accent-dark)}.overlay-seed{align-items:center;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.overlay-seed-code{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--accent);background:var(--bg);border:2px solid var(--secondary);padding:6px 9px;font-size:.7rem}.overlay-copy-btn{font-family:var(--font-ui);background:var(--primary);border:2px solid var(--secondary);color:var(--text-primary);cursor:pointer;padding:6px 10px;font-size:.7rem;font-weight:700}.overlay-copy-btn:hover{background:var(--secondary)}.overlay-copy-btn:active{background:var(--accent);color:var(--bg)}.modal-legend{border:2px dashed var(--surf2);background:#00000040;flex-direction:column;gap:6px;width:100%;padding:11px 13px;display:flex}.modal-legend-row{font-family:var(--font-ui);color:var(--text-secondary);align-items:center;gap:9px;font-size:.7rem;display:flex}.modal-legend-swatch{flex-shrink:0;width:13px;height:13px;box-shadow:0 0 0 2px #000}#start-modal{background-color:var(--bg);--grass-size:min(calc((100vw - 4.75rem) / 2), calc(100dvh * 480 / 530));background-image:radial-gradient(120% 90% at 50% 35%,#11111b8c,#11111beb),url(/assets/ui/grass-bg.png);background-size:cover, var(--grass-size) var(--grass-size);image-rendering:pixelated;z-index:200;background-repeat:no-repeat,repeat;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#start-modal.start-modal-active{display:flex}.modal-card{background:var(--bg-panel);border:3px solid var(--accent);box-shadow:0 0 0 3px var(--bg), 6px 6px 0 #0000008c, 0 0 28px #4fd1c540;text-align:center;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:360px;max-height:calc(100dvh - 1.5rem);padding:30px 26px;display:flex;overflow-y:auto}.modal-title{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--accent);text-shadow:3px 3px 0 var(--accent-dark), 6px 6px 0 #0009;font-size:2.2rem}.modal-subtitle{font-family:var(--font-ui);color:var(--text-secondary);font-size:.7rem;line-height:1.7}.modal-seed-row{flex-direction:column;align-items:center;gap:4px;display:flex}.modal-seed-input{width:130px;font-family:var(--font-pixel);letter-spacing:.1em;text-align:center;text-transform:uppercase;background:var(--bg);border:3px solid var(--surf2);color:var(--accent);outline:none;padding:10px;font-size:.8rem}.modal-seed-input:focus{border-color:var(--accent)}.modal-seed-input::placeholder{letter-spacing:.1em;color:var(--overlay)}.modal-seed-hint{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--overlay);font-size:.55rem}.modal-seed-error{font-family:var(--font-ui);color:var(--red);text-align:center;margin-top:4px;font-size:.6rem}.modal-input-row{gap:10px;width:100%;display:flex}.modal-btn{font-family:var(--font-pixel);border:3px solid var(--surf2);background:var(--primary);color:var(--text-primary);cursor:pointer;flex:1;padding:14px 8px;font-size:.6rem;transition:transform 50ms,box-shadow 50ms,background .1s;box-shadow:4px 4px #000}.modal-btn:hover{background:var(--secondary)}.modal-btn:active{transform:translate(4px,4px);box-shadow:0 0}.modal-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent-light);box-shadow:4px 4px 0 var(--accent-dark)}.modal-btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.modal-btn-primary:disabled{background:var(--primary);color:var(--overlay);border-color:var(--secondary);cursor:default;transform:none;box-shadow:4px 4px #000}.device-picker{flex-direction:column;align-items:stretch;gap:10px;width:100%}.device-picker-title{font-family:var(--font-ui);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex:1;font-size:.65rem;font-weight:700}.modal-btn-back{font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:2px 0;font-size:.7rem}.modal-btn-back:hover{color:var(--text-primary)}.device-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.device-btn{font-family:var(--font-ui);border:2px solid var(--surf2);background:var(--primary);color:var(--text-primary);cursor:pointer;padding:11px 6px;font-size:.7rem;font-weight:700;transition:background .1s}.device-btn:hover:not(:disabled){background:var(--secondary)}.device-btn:disabled{opacity:.45;cursor:default}.device-status{font-family:var(--font-ui);text-align:center;min-height:1.2em;font-size:.7rem}.device-status.connecting{color:var(--text-secondary)}.device-status.connected{color:var(--accent-light)}.device-status.error{color:var(--red)}.device-actions{flex-direction:column;gap:8px}.device-tare-row{align-items:stretch;gap:8px;display:flex}.device-reading{border:2px solid var(--accent-dark);background:var(--bg);font-family:var(--font-pixel);color:var(--accent-light);font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;display:flex}.device-reading-dot{background:var(--accent-light);width:8px;height:8px;box-shadow:0 0 6px 1px var(--accent-light);border-radius:50%;flex:none}.device-reading-unit{font-family:var(--font-ui);color:var(--accent);align-self:flex-end;margin-bottom:3px;font-size:.55rem;font-weight:700}.device-tare-btn{flex:none;padding:14px 16px}.confirm-modal{z-index:50;background:#11111bd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-card{background:var(--bg-panel);border:3px solid var(--red);box-shadow:0 0 0 3px var(--bg), 6px 6px 0 #0000008c;text-align:center;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:320px;padding:26px 24px;display:flex}.confirm-title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--red);font-size:1rem}.confirm-text{font-family:var(--font-ui);color:var(--text-secondary);font-size:.7rem;line-height:1.6}.confirm-btns{gap:10px;width:100%;display:flex}.confirm-btn-danger{background:var(--red);color:var(--bg);border-color:var(--red);box-shadow:4px 4px #00000080}.confirm-btn-danger:hover{background:var(--red);filter:brightness(1.12)}#portrait-overlay{background:var(--bg);z-index:100;font-family:var(--font-ui);color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:.85rem;line-height:1.8;display:none;position:fixed;inset:0}@media (orientation:portrait){#portrait-overlay{display:flex}}@media (height<=480px){.modal-card{grid-template-columns:1fr 1fr;grid-template-areas:"title action""subtitle action""legend action""seed action""error action";align-items:start;gap:8px 22px;max-width:560px;padding:16px 22px;display:grid}.modal-title{grid-area:title;font-size:1.6rem}.modal-subtitle{grid-area:subtitle}.device-picker{grid-area:action;align-self:center}.modal-input-row{flex-direction:column;grid-area:action;align-self:center;gap:12px}.modal-input-row .modal-btn{padding:26px 8px;font-size:.75rem}.modal-legend{grid-area:legend}.modal-seed-row{grid-area:seed}.modal-seed-error{grid-area:error}.modal-btn{padding:10px 8px}.device-btn{padding:8px 6px}.device-picker{gap:8px}.device-tare-btn{padding:10px 14px}}