:root{--bg:#141014;--bg-panel:#1f1a1e;--bg-panel-alt:#2b2028;--primary:#2f2a2e;--secondary:#3b3038;--accent-light:#ffa050;--accent:#ff6b00;--accent-dark:#c24b00;--text-primary:#fff8f0;--text-secondary:#807060}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100dvh;color:var(--text-primary);overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-columns:30fr 55fr 15fr;display:grid}#shopping,#grid,#force{background:var(--bg-panel);border:1px solid var(--secondary);transition:box-shadow .2s,opacity .2s;overflow:hidden}#shopping,#grid{position:relative}#shopping:after,#grid:after{content:"";border-radius:inherit;pointer-events:none;z-index:20;border:2px solid #0000;transition:border-color .2s;position:absolute;inset:0}.phase-shopping #shopping:after,.phase-travelling #grid:after,.phase-resting #grid:after{border-color:var(--accent)}.phase-shopping #grid,.phase-shopping #force{opacity:.45}.phase-travelling #shopping,.phase-resting #shopping{opacity:.6}#grid{justify-content:center;align-items:center;display:flex;position:relative}#timer{font-variant-numeric:tabular-nums;color:var(--text-secondary);pointer-events:none;z-index:10;letter-spacing:.04em;font-size:.8rem;position:absolute;top:8px;right:12px}#lives{pointer-events:none;z-index:10;gap:4px;display:flex;position:absolute;top:28px;right:12px}.life{background:var(--accent);border-radius:2px;width:10px;height:10px;transition:background .15s,opacity .15s}.life.lost{background:var(--secondary);opacity:.5}#shopping{flex-direction:column;gap:4px;padding:10px;display:flex}.shopping-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);flex-shrink:0;margin-bottom:2px;font-size:.65rem}.item-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.item-list::-webkit-scrollbar{width:3px}.item-list::-webkit-scrollbar-track{background:0 0}.item-list::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:2px}.item-row{cursor:pointer;background:var(--bg-panel-alt);-webkit-user-select:none;user-select:none;border-left:3px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;transition:opacity .15s;display:flex}.item-row.status-atShop{opacity:.55}.item-row.status-inBag{opacity:1;border-left-color:var(--accent);background:var(--primary)}.item-row.status-atHome{opacity:.35;border-left-color:var(--accent-dark);cursor:default}.item-check{color:var(--text-secondary);flex-shrink:0;width:13px;font-size:.75rem}.item-row.status-inBag .item-check{color:var(--accent)}.item-row.status-atHome .item-check{color:var(--accent-dark)}.item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;overflow:hidden}.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:.7rem}.item-row.status-inBag .item-weight{color:var(--text-primary)}.shopping-footer{border-top:1px solid var(--secondary);flex-direction:column;flex-shrink:0;gap:6px;padding-top:8px;display:flex}.weight-summary{align-items:baseline;gap:6px;display:flex}.weight-big{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1}.weight-unit{color:var(--text-secondary);font-size:.85rem;font-weight:400}.weight-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.go-btn{background:var(--accent);color:var(--bg);cursor:pointer;letter-spacing:.05em;border:none;border-radius:5px;width:100%;padding:7px;font-size:.8rem;font-weight:700}.go-btn:disabled{background:var(--secondary);color:var(--text-secondary);cursor:default}.go-btn:not(:disabled):active{background:var(--accent-dark)}#force{touch-action:none;-webkit-user-select:none;user-select:none;cursor:row-resize;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.force-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);flex-shrink:0;margin-bottom:6px;font-size:.6rem}.force-track{background:var(--secondary);border-radius:4px;flex:1;width:100%;max-width:36px;position:relative;overflow:visible}.force-fill{background:var(--text-secondary);border-radius:4px 4px 0 0;transition:height 40ms linear,background 80ms;position:absolute;bottom:0;left:0;right:0}.force-fill.zone-moving{background:var(--accent);box-shadow:none;animation:none}.force-fill.zone-fast{background:var(--accent-light);animation:1.4s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px 2px #ffa05066}50%{box-shadow:0 0 18px 6px #ffa050d9}}.force-threshold{background:var(--text-primary);opacity:.45;pointer-events:none;border-radius:1px;height:2px;position:absolute;left:-4px;right:-4px}.force-thresh-label{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.55rem;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.force-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;margin-top:6px;font-size:.65rem}.game-overlay{z-index:20;background:#141014e0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.overlay-title{color:var(--text-primary);letter-spacing:.05em;font-size:1.6rem;font-weight:700}.overlay-subtitle{color:var(--text-secondary);font-size:.9rem}.overlay-restart{background:var(--accent);color:var(--bg);cursor:pointer;letter-spacing:.05em;border:none;border-radius:5px;margin-top:10px;padding:8px 24px;font-size:.85rem;font-weight:700}.overlay-restart:active{background:var(--accent-dark)}#start-modal{z-index:200;background:#141014eb;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:1px solid var(--secondary);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:14px;width:90%;max-width:360px;padding:32px 28px;display:flex}.modal-title{letter-spacing:.15em;color:var(--accent);font-size:2.4rem;font-weight:900}.modal-subtitle{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.modal-input-row{gap:10px;width:100%;display:flex}.modal-btn{border:1px solid var(--secondary);background:var(--bg-panel-alt);color:var(--text-primary);cursor:pointer;letter-spacing:.04em;border-radius:6px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:background .12s}.modal-btn:hover{background:var(--primary)}.modal-btn:active{background:var(--secondary)}.modal-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.modal-btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.modal-btn-primary:disabled{background:var(--secondary);color:var(--text-secondary);border-color:var(--secondary);cursor:default}.device-picker{flex-direction:column;align-items:stretch;gap:10px;width:100%}.device-picker-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex:1;font-size:.78rem}.modal-btn-back{color:var(--text-secondary);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:2px 0;font-size:.78rem}.modal-btn-back:hover{color:var(--text-primary)}.device-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.device-btn{border:1px solid var(--secondary);background:var(--bg-panel-alt);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:9px 6px;font-size:.78rem;transition:background .1s}.device-btn:hover:not(:disabled){background:var(--primary)}.device-btn:disabled{opacity:.45;cursor:default}.device-status{text-align:center;min-height:1.2em;font-size:.78rem}.device-status.connecting{color:var(--text-secondary)}.device-status.connected{color:var(--accent-light)}.device-status.error{color:#e05050}.device-actions{flex-direction:column;gap:8px}.force-device-btns{gap:4px;width:100%;margin-top:6px;display:flex}.force-device-btn{border:1px solid var(--secondary);background:var(--bg-panel-alt);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:4px;flex:1;padding:5px 0;font-size:.6rem}.force-device-btn:hover{background:var(--primary);color:var(--text-primary)}.force-device-btn-disc{flex:none;padding:5px 7px}#portrait-overlay{background:var(--bg);z-index:100;color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:.95rem;line-height:1.6;display:none;position:fixed;inset:0}@media (orientation:portrait){#portrait-overlay{display:flex}}