*{margin:0;padding:0;box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--accent: #ff8a3d;--panel: rgba(255, 255, 255, .88);--ink: #2c3a45;--muted: #5a6b78}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#193047;color:var(--ink)}#scene{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#193047;color:#cfe0ee;font-size:15px;letter-spacing:.04em}#controls{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;gap:8px;-webkit-user-select:none;user-select:none;z-index:3}.chip{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;border:2px solid transparent;border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000029;cursor:pointer;color:var(--ink);transition:background .12s,border-color .12s,transform .06s}.chip:hover{background:#fff}.chip:active{transform:scale(.94)}.chip.on{border-color:var(--accent);background:#fff2e8}#toolbar,#inspector{position:absolute;top:calc(58px + var(--safe-top));display:flex;flex-direction:column;gap:10px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:12px;box-shadow:0 6px 20px #0000002e;-webkit-user-select:none;user-select:none;max-height:calc(100% - 76px - var(--safe-top) - var(--safe-bottom));overflow:auto;transition:transform .18s ease,opacity .18s ease;z-index:2}#toolbar{left:calc(12px + var(--safe-left))}#inspector{right:calc(12px + var(--safe-right));width:268px}#toolbar.booting,#inspector.booting{transition:none}#toolbar.collapsed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}#inspector.collapsed{transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.tb-group{display:flex;flex-direction:column;gap:6px}.tb-group.disabled{opacity:.4;pointer-events:none}.tb-group h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.tb-group h5{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:4px}.tb-row{display:flex;gap:6px;flex-wrap:wrap;max-width:208px}.tb-note{font-size:11px;color:var(--muted);line-height:1.35;max-width:244px}.tb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:54px;border:2px solid transparent;border-radius:9px;background:#eef3f6;cursor:pointer;font-size:11px;color:var(--ink);gap:3px;transition:background .12s,border-color .12s,transform .06s}.tb-btn .ico{font-size:20px;line-height:1}.tb-btn:hover{background:#e2ebf0}.tb-btn:active{transform:scale(.95)}.tb-btn.active{border-color:var(--accent);background:#fff2e8}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn:disabled:hover{background:#eef3f6}.tb-btn:disabled:active{transform:none}.btn{border:2px solid transparent;border-radius:8px;background:#eef3f6;color:var(--ink);font-size:12px;padding:6px 10px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#e2ebf0}.btn.active{border-color:var(--accent);background:#fff2e8}.btn:disabled{opacity:.35;cursor:default}.roster{display:flex;flex-direction:column;gap:4px}.roster-row{border:2px solid transparent;border-radius:8px;background:#eef3f6;padding:6px 8px;cursor:pointer;line-height:1.3}.roster-row:hover{background:#e2ebf0}.roster-row.active{border-color:var(--accent);background:#fff2e8}.roster-row.halted{background:#ffe6e2}.roster-name{font-size:12px;font-weight:600}.roster-detail{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline;background:#26333d;color:#d8e6f0;border-radius:10px;padding:8px 10px}.speed-big{grid-row:1 / span 2;font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.speed-unit{font-size:10px;color:#93a7b6;text-transform:uppercase;letter-spacing:.06em}.readout-line{grid-column:2;font-size:11px;color:#b6c8d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout-line:nth-of-type(2){grid-column:1 / span 2}.notches{max-width:none;gap:3px}.notch{min-width:26px;padding:5px 0;text-align:center;font-variant-numeric:tabular-nums}.notch.danger.active{border-color:#d93b2b;background:#ffe0dc}.reverser .btn{flex:1}.consist{display:flex;flex-direction:column;gap:3px}.car-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#eef3f6;border-radius:7px;padding:4px 4px 4px 8px;font-size:11px}.car-x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:11px;padding:2px 5px;border-radius:5px}.car-x:hover{background:#ffd9d3;color:#b8321f}.chip-btn{border:none;border-radius:7px;background:#e6edf2;color:var(--ink);font-size:11px;padding:4px 7px;cursor:pointer}.chip-btn:hover{background:#d8e4eb}.stock-group{display:flex;flex-direction:column;gap:4px}.stock{display:flex;flex-direction:column;gap:4px;max-height:210px;overflow:auto}.stops{display:flex;flex-direction:column;gap:4px}.stop-row{display:flex;gap:4px;align-items:center}.stop-row select{flex:1;min-width:0;font:inherit;font-size:11px;padding:4px;border-radius:6px;border:1px solid #cbd8e0;background:#fff;color:var(--ink)}.stop-row input{width:52px;font:inherit;font-size:11px;padding:4px;border-radius:6px;border:1px solid #cbd8e0;background:#fff;color:var(--ink)}#banners{position:absolute;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:3;pointer-events:none}.banner{background:#1e2830e0;color:#fff;font-size:12px;padding:7px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 14px #0000003d}.banner.danger{background:#c0392b}.banner.warn{background:#b8791f}#settings{border:none;border-radius:14px;padding:16px;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 40px #00000047;color:var(--ink);-webkit-user-select:none;user-select:none;max-width:520px}#settings .tb-row{max-width:none;flex-wrap:nowrap}#settings::backdrop{background:#14202a59}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.dlg-head h3{font-size:15px;font-weight:700}.dlg-close{border:none;background:none;cursor:pointer;font-size:14px;color:var(--muted);padding:4px;line-height:1}.dlg-close:hover{color:var(--ink)}.keys{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;font-size:11px;color:var(--muted)}.keys-row{display:contents}.keys kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef3f6;border-radius:5px;padding:2px 6px;color:var(--ink);white-space:nowrap}#hint{position:absolute;bottom:calc(12px + var(--safe-bottom));left:50%;transform:translate(-50%);background:#1e2830b8;color:#fff;font-size:12px;padding:7px 14px;border-radius:20px;pointer-events:none;white-space:nowrap}@media (max-width: 900px){#hint{display:none}#inspector{width:232px}}