.hephaestus-play-route{--overlay-gap:1rem;--right-rail-top:8.6rem;--status-bar-height:2.5rem;color:#1d211f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hephaestus-play-route,.hephaestus-play-route *{box-sizing:border-box}.hephaestus-play-route button{background:#22362f;border:1px solid #31433d;color:#fff;cursor:pointer;font:inherit;min-height:2.25rem;padding:.45rem .75rem}.hephaestus-play-route button:disabled{cursor:not-allowed;opacity:.45}.hephaestus-play-route button.secondary-button{background:#f7f6f0;color:#24302c}.hephaestus-play-route .app-shell{background:#ece9df;border:1px solid #c5c0b5;border-radius:6px;height:min(75vh,54rem);isolation:isolate;margin:0;min-height:38rem;overflow:hidden;position:relative;width:100%}.hephaestus-play-route .top-bar{align-items:flex-start;background:rgb(247 246 240/92%);border:1px solid #c5c0b5;border-radius:8px;box-shadow:0 .75rem 2rem rgb(38 41 38/16%);display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between;left:var(--overlay-gap);min-width:0;padding:.75rem;pointer-events:none;position:absolute;right:var(--overlay-gap);top:var(--overlay-gap);z-index:30}.hephaestus-play-route .top-bar__identity{display:grid;grid-gap:.55rem;gap:.55rem;max-width:30rem;min-width:0}.hephaestus-play-route .runtime-status{align-items:center;color:#33423c;display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin:0}.hephaestus-play-route .runtime-status strong{color:#1d211f}.hephaestus-play-route .runtime-status a{color:#0e766d;pointer-events:auto}.hephaestus-play-route .runtime-status--success strong{color:#0f5f2f}.hephaestus-play-route .runtime-status--warning strong{color:#8f241c}.hephaestus-play-route .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0;pointer-events:none}.hephaestus-play-route .header-actions>*,.hephaestus-play-route .top-bar button{pointer-events:auto}.hephaestus-play-route .ticker-control-state{color:#33423c;font-size:.9rem;min-width:8rem}.hephaestus-play-route h1{font-size:1.5rem;font-weight:650;margin:0}.hephaestus-play-route h2{font-size:.95rem;margin:0}.hephaestus-play-route h3{color:#58615a;font-size:.82rem;font-weight:650;margin:0}.hephaestus-play-route .map-workspace{inset:0;overflow:hidden;position:absolute;z-index:0}.hephaestus-play-route .tool-palette{align-items:center;background:rgb(247 246 240/92%);border:1px solid #c5c0b5;border-radius:8px;box-shadow:0 .75rem 2rem rgb(38 41 38/16%);display:flex;flex-wrap:wrap;gap:.5rem;left:var(--overlay-gap);max-width:min(18rem,calc(100% - (var(--overlay-gap) * 2)));padding:.65rem;position:absolute;top:var(--right-rail-top);z-index:20}.hephaestus-play-route .tool-button.active{background:#b86e1f;border-color:#7d4515}.hephaestus-play-route .symbolic-map-host{background:#f1eee4;border:0;height:100%;min-height:0;overflow:hidden;width:100%}.hephaestus-play-route .symbolic-map-canvas{display:block;height:100%;width:100%}.hephaestus-play-route .state-panel{align-content:start;bottom:calc(var(--status-bar-height) + var(--overlay-gap));display:grid;grid-gap:.75rem;gap:.75rem;overflow-x:hidden;overflow-y:auto;padding-right:.25rem;position:absolute;right:var(--overlay-gap);scrollbar-gutter:stable;top:var(--right-rail-top);width:min(22rem,calc(100% - (var(--overlay-gap) * 2)));z-index:10}.hephaestus-play-route .panel-section{background:rgb(247 246 240/94%);border:1px solid #c5c0b5;border-radius:8px;box-shadow:0 .75rem 2rem rgb(38 41 38/14%);display:grid;grid-gap:.6rem;gap:.6rem;min-width:0;padding:.75rem}.hephaestus-play-route .summary-list{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.hephaestus-play-route dt{color:#58615a;font-size:.8rem;margin-bottom:.25rem}.hephaestus-play-route dd{margin:0;overflow-wrap:anywhere}.hephaestus-play-route .state-list{list-style:none;margin:0;padding:0}.hephaestus-play-route .job-group,.hephaestus-play-route .job-summary-card,.hephaestus-play-route .jobs-list,.hephaestus-play-route .state-list{display:grid;grid-gap:.45rem;gap:.45rem}.hephaestus-play-route .jobs-list{gap:.6rem}.hephaestus-play-route .job-summary-card{background:#ece9df;border:1px solid #c5c0b5;padding:.55rem}.hephaestus-play-route .state-list li{border-left:3px solid #66756e;display:grid;grid-gap:.15rem;gap:.15rem;padding-left:.5rem}.hephaestus-play-route .state-list small,.hephaestus-play-route .state-list span,.hephaestus-play-route .state-list strong{overflow-wrap:anywhere}.hephaestus-play-route .empty-text,.hephaestus-play-route .state-list small{color:#58615a;font-size:.82rem}.hephaestus-play-route .empty-text,.hephaestus-play-route .error-text{margin:0}.hephaestus-play-route .error-text{color:#8f241c}.hephaestus-play-route .status-bar{align-items:center;background:#1f2925;border:1px solid #31433d;border-bottom:0;border-left:0;border-right:0;bottom:0;color:#f7f6f0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1fr) max-content;left:0;min-height:var(--status-bar-height);padding:.4rem .75rem;pointer-events:none;position:absolute;right:0;z-index:30}.hephaestus-play-route .status-bar__feedback,.hephaestus-play-route .status-bar__metrics{align-items:center;display:flex;gap:1rem;min-width:0}.hephaestus-play-route .status-bar__feedback{overflow:hidden}.hephaestus-play-route .status-bar__metrics{justify-content:flex-end}.hephaestus-play-route .status-bar__message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hephaestus-play-route .status-bar__metric{font-size:.9rem;white-space:nowrap}@media (max-width:960px){.hephaestus-play-route .app-shell{height:72vh;min-height:46rem}.hephaestus-play-route .top-bar{position:static;margin:var(--overlay-gap)}.hephaestus-play-route .map-workspace{inset:12rem 0 0}.hephaestus-play-route .tool-palette{top:12.8rem}.hephaestus-play-route .state-panel{top:16rem;width:min(20rem,calc(100% - (var(--overlay-gap) * 2)))}}@media (max-width:720px){.hephaestus-play-route .app-shell{height:78vh;min-height:44rem}.hephaestus-play-route .map-workspace{inset:15.25rem 0 0}.hephaestus-play-route .tool-palette{max-width:calc(100% - (var(--overlay-gap) * 2));position:static;margin:0 var(--overlay-gap)}.hephaestus-play-route .state-panel{bottom:4.6rem;left:var(--overlay-gap);right:var(--overlay-gap);top:auto;width:auto}.hephaestus-play-route .status-bar{gap:.5rem;grid-template-columns:minmax(0,1fr);padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.hephaestus-play-route .status-bar__feedback,.hephaestus-play-route .status-bar__metrics{flex-wrap:wrap}}