:root{--ink:#292242;--muted:#685b77;--purple:#7544ad;--paper:#f9f3e8;--orange:#edab59;--green:#326b56;--edge:12px;--gap:8px;--dock-height:160px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{color:var(--ink);background:#aa9bcb;font-family:ui-monospace,'Courier New',monospace}main{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100vh;height:var(--legacy-viewport-height,100vh);height:100dvh;overflow:hidden;isolation:isolate}#street{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated;background:#aa9bcb}
button,select{font:700 11px ui-monospace,monospace;color:#48335f;background:#f9f3e8f5;border:2px solid #655277;border-radius:0;box-shadow:2px 2px 0 #4c3b5d38}button{min-height:40px;padding:8px 11px;cursor:pointer}button:hover{background:#ede1f3}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffe2a2;outline-offset:3px}button span{margin-left:6px}a{color:#654295}p{line-height:1.55}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toolbar{position:absolute;z-index:4;top:calc(var(--safe-top) + var(--edge));right:calc(var(--safe-right) + var(--edge));display:flex;gap:0}.toolbar>*+*{margin-left:8px}.toolbar button{font-size:14px;min-width:40px}.toolbar span{font-size:10px}.options-panel{position:absolute;z-index:5;top:calc(var(--safe-top) + var(--edge) + 48px);right:calc(var(--safe-right) + var(--edge));width:min(360px,calc(100% - var(--safe-left) - var(--safe-right) - 2 * var(--edge)));max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - var(--dock-height) - 80px);overflow:auto;overscroll-behavior:contain;padding:14px;background:#f9f3e8f8;border:2px solid #66507c;box-shadow:4px 4px 0 #45335433;font-size:11px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:0;margin-bottom:8px}.panel-top>*+*{margin-left:10px}.panel-top h2{font-family:system-ui,sans-serif;font-size:17px;margin:0}.panel-top button{font-size:21px;line-height:1;min-width:36px;min-height:36px;padding:4px}.option-note,.sound-controls p,.scene-notes p{font-size:10px;color:var(--muted);margin:8px 0 12px}.sound-controls{display:flex;flex-wrap:wrap;gap:0;margin:-4px}.sound-controls>button{margin:4px}.sound-controls p{flex-basis:100%;margin-left:4px;margin-right:4px}.demo-settings{border-top:1px solid #d6c4df;padding-top:12px}#demo-controls{margin-top:10px}#demo-controls label{display:block;margin:6px 0}select{width:100%;min-height:36px;padding:6px}details{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid #d6c4df;padding-top:10px}summary{cursor:pointer;font-weight:700}.scene-notes{font-size:9px;color:var(--muted);margin-top:12px}.alerts{border-left:3px solid #b97730;padding:8px;background:#fae4bf;font-size:11px;line-height:1.6;margin:12px 0}
.tracker-dock{position:absolute;z-index:3;left:calc(var(--safe-left) + var(--edge));right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge));max-width:1000px;margin-left:auto;margin-right:auto;margin-inline:auto}.dock-status{display:flex;align-items:center;justify-content:space-between;gap:0;min-height:22px;padding:3px 7px;margin-bottom:5px;color:#382c4d;background:#f9f3e8e8;border:1px solid #68507850;font-size:9px;line-height:1.3}.dock-status>*+*{margin-left:6px}.feed-label{display:flex;align-items:center;gap:0;min-width:0}.feed-label>*+*{margin-left:7px}.route-badge{font-weight:800;background:#edab59;padding:2px 4px;font-size:10px}.chip{display:inline-flex;align-items:center;gap:0;color:var(--green);font-weight:800;font-size:9px;letter-spacing:.1px}.chip:before{content:'';margin-right:5px;flex-shrink:0;width:5px;height:5px;background:currentColor}.chip.demo{color:#7544ad}.chip.warn{color:#88511f}#updated{font-size:9px;white-space:nowrap;color:var(--muted)}#alert-toggle{min-height:22px;min-width:25px;padding:0 5px;font-size:13px;background:#fae4bf;box-shadow:none}
.directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.direction{min-width:0;padding:10px 11px;background:#f9f3e8f5;border:2px solid #d5bc9c;box-shadow:3px 3px 0 #49365535}.direction.west{border-color:#c1abd7}.direction.look{border-color:#8653ba;background:#f3e6fcfa}.card-top{display:flex;align-items:center;gap:0;margin-bottom:7px}.card-top>*+*{margin-left:8px}.arrow{font-size:19px;font-weight:800;color:#956032;line-height:1}.west .arrow{color:#7544ad}.card-title{min-width:0}.eyebrow{font-size:10px;line-height:1.2;display:block;color:var(--muted)}h3{font-family:system-ui,sans-serif;font-size:17px;font-size:clamp(13px,2.5vw,17px);line-height:1.2;margin:2px 0 0;font-weight:800;overflow-wrap:break-word;overflow-wrap:anywhere}.card-body{display:grid;gap:3px;align-content:start}.bus-label{font-size:10px;line-height:1.25;font-weight:700;color:#755535;overflow-wrap:break-word;overflow-wrap:anywhere}.cue-stage{font:800 13px/1.2 system-ui,sans-serif;color:#694295;overflow-wrap:break-word;overflow-wrap:anywhere}.time{font-family:ui-rounded,system-ui,sans-serif;font-size:34px;font-size:clamp(23px,5vw,34px);font-weight:850;line-height:1.05;letter-spacing:-.7px;display:flex;align-items:baseline;gap:0;flex-wrap:wrap}.time small{margin-left:4px;font:10px/1.2 ui-monospace,monospace;letter-spacing:0;color:var(--muted)}.empty{font:750 16px/1.2 system-ui,sans-serif;overflow-wrap:break-word;overflow-wrap:anywhere}.bus-note{font-size:10px;line-height:1.25;color:var(--muted);overflow-wrap:break-word;overflow-wrap:anywhere;margin:0}
@media(max-width:350px){:root{--edge:8px;--gap:6px}.direction{padding:8px}.card-top>*+*{margin-left:6px}h3{font-size:13px}.time{font-size:23px}.toolbar span{display:none}.toolbar button{min-height:40px}.chip,#updated{font-size:8px}.dock-status{padding-left:5px;padding-right:5px;padding-inline:5px}}
@media(max-height:420px) and (min-width:560px){:root{--edge:8px}.direction{padding:7px 10px}.card-top{margin-bottom:4px}.card-title{display:flex;align-items:baseline;gap:0}.card-title>*+*{margin-left:7px}h3{font-size:14px;margin:0}.eyebrow{font-size:10px}.card-body{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}.bus-label{grid-column:1}.cue-stage{grid-column:1;font-size:12px}.time{grid-column:2;grid-row:1/3;font-size:28px;align-self:center;flex-wrap:nowrap}.empty{grid-column:2;grid-row:1/3;align-self:center;font-size:14px;max-width:120px}.bus-note{grid-column:1/-1;font-size:9px}.toolbar button{min-height:34px;padding:5px 9px}.options-panel{top:calc(var(--safe-top) + var(--edge) + 42px);padding:10px}.dock-status{min-height:20px;margin-bottom:4px}}
@media(max-height:300px){.bus-note{font-size:9px}.toolbar span{display:none}.toolbar button{min-height:32px}.options-panel{max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - var(--dock-height) - 66px);top:calc(var(--safe-top) + var(--edge) + 38px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-height:300px){.options-panel{padding:4px}.panel-top{margin-bottom:4px}.panel-top h2{font-size:12px}.panel-top button{min-height:24px;min-width:24px;font-size:16px}.option-note{display:none}.sound-controls button{min-height:32px;padding:4px 8px;font-size:10px}}

.toolbar #sound-toggle{min-width:44px;min-height:44px;padding:8px;font-size:20px}.options-panel{top:calc(var(--safe-top) + var(--edge) + 52px)}