:root{--bg:#20242b;--panel-bg:#1c2028e0;--panel-border:#ffffff24;--text:#eef1f5;--text-dim:#aab2bf;--accent:#4a9eff;--good:#4caf50;--bad:#e5484d;--toast-bg:#a02828f2;--toast-ok-bg:#1e6e3cf2;--radius:6px;--gap:8px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.4 system-ui,-apple-system,Hiragino Sans,sans-serif;overflow:hidden}#map{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.panel{padding:var(--gap);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);pointer-events:auto;position:absolute}.panel h2{color:var(--text-dim);margin:0 0 4px;font-size:12px;font-weight:600}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:4px;padding:4px 10px}button:hover{background:#ffffff29}button.is-active{background:var(--accent);border-color:var(--accent)}.toolbar{flex-direction:column;gap:4px;width:120px;display:flex;top:12px;left:12px}.time{width:260px;top:12px;right:12px}.time .date{margin-bottom:6px;font-size:16px;font-weight:600}.speeds{gap:4px;display:flex}.finance{width:260px;top:100px;right:12px}.tax-row{grid-template-columns:64px 1fr 44px;align-items:center;gap:6px;margin-top:4px;display:grid}.tax-value{text-align:right}.demand{width:260px;top:270px;right:12px}.demand-row{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-top:4px;display:grid}.demand-bar{background:#ffffff1a;border-radius:2px;height:10px;position:relative}.demand-fill{background:var(--good);position:absolute;top:0;bottom:0}.demand-fill.is-negative{background:var(--bad)}.demand-center{background:var(--text-dim);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.panel.overlay{bottom:52px;left:12px}.overlays{gap:4px;display:flex}.legend{margin-top:6px}.legend-title{color:var(--text-dim);margin-bottom:2px}.legend-item{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:14px;height:10px}.status{white-space:pre;bottom:12px;left:12px}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);border-radius:var(--radius);padding:6px 14px}.toast-ok{background:var(--toast-ok-bg)}.estimate{left:var(--x,0);top:var(--y,0);pointer-events:none;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);white-space:nowrap;padding:3px 8px;position:absolute;transform:translate(16px,16px)}.estimate[hidden]{display:none}[hidden]{display:none!important}.menu{gap:4px;display:flex;top:12px;right:292px}button.small{padding:2px 8px}.inspector{width:270px;max-height:calc(100% - 24px);top:12px;left:144px;overflow-y:auto}.kv{justify-content:space-between;gap:8px;margin-top:2px;display:flex}.kv-label{color:var(--text-dim)}.factor-row{grid-template-columns:76px 1fr 40px;align-items:center;gap:6px;margin-top:2px;display:grid}.factor-value{text-align:right}.stats{width:444px;bottom:12px;right:12px}.stats-select{margin-bottom:4px}.stats-canvas{display:block}.stats-legend{gap:12px;margin-top:4px;display:flex}.saves{width:440px;max-height:calc(100% - 80px);top:56px;right:292px;overflow-y:auto}.save-head{gap:4px;margin-bottom:4px;display:flex}.save-name{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#ffffff14;border-radius:4px;flex:1;padding:4px 8px}.save-autosave{color:var(--text-dim);margin:4px 0 8px}.save-row{align-items:center;gap:4px;margin-top:4px;display:flex}.save-info{white-space:pre-wrap;flex:1}.save-empty{color:var(--text-dim)}.mobile-only,.tool-pan,.time-budget,.label-short,.sheet-close{display:none}@media (max-width:720px){:root{--bar-h:44px;--tool-h:56px;--tab-h:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--top-h:calc(var(--bar-h) + var(--safe-t));--tabs-bottom:calc(var(--tool-h) + var(--safe-b));--sheet-bottom:calc(var(--tabs-bottom) + var(--tab-h))}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.label-long{display:none}.label-short{display:inline}.time{width:auto;height:var(--top-h);padding:var(--safe-t) 8px 0;border-width:0 0 1px;border-radius:0;align-items:center;gap:8px;display:flex;top:0;left:0;right:0}.time .date{white-space:nowrap;margin:0;font-size:14px}.speeds button{min-width:32px;min-height:36px;padding:0 8px}.time-budget{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:12px;font-weight:600;display:block;overflow:hidden}.time-budget:before{content:"予算 ";color:var(--text-dim);font-weight:400}.status{top:var(--top-h);white-space:nowrap;text-overflow:ellipsis;border-width:0;border-radius:0;padding:2px 8px;font-size:11px;bottom:auto;left:0;right:0;overflow:hidden}.toasts{top:calc(var(--top-h) + 28px)}.estimate{left:clamp(90px, var(--x,0px), calc(100% - 90px));transform:translate(-50%,calc(-100% - 36px))}.toolbar{width:auto;height:calc(var(--tool-h) + var(--safe-b));padding:6px 8px calc(6px + var(--safe-b));border-width:1px 0 0;border-radius:0;flex-direction:row;inset:auto 0 0;overflow-x:auto}.toolbar .tool{white-space:nowrap;flex:none;min-width:44px;min-height:44px}.tool-pan,.mobile-only{display:inline-block}.menu{top:auto;left:0;right:0;bottom:var(--tabs-bottom);height:var(--tab-h);border-width:1px 0 0;border-radius:0;align-items:center;padding:0 8px;overflow-x:auto}.menu button{white-space:nowrap;flex:none;min-height:36px;padding:0 14px}.finance,.demand,.panel.overlay,.stats,.saves,.inspector{top:auto;left:0;right:0;bottom:var(--sheet-bottom);width:auto;max-height:45vh;border-radius:var(--radius) var(--radius) 0 0;border-width:1px 0 0;max-height:45dvh;overflow-y:auto}.finance,.demand,.panel.overlay{display:none}.finance.is-open,.demand.is-open,.panel.overlay.is-open{display:block}.stats-canvas{max-width:100%!important;height:auto!important}.sheet-close{float:right;min-height:36px;margin-left:8px;display:inline-block}}