html,body{background:#030507}
#stage{inset:auto;left:50%;top:0;transform:translateX(-50%);width:min(100vw,56.25dvh);height:min(100dvh,177.777778vw);overflow:hidden;container-type:inline-size}
#stage .brand{position:absolute;left:6%;top:4%;font-size:clamp(12px,3cqw,28px)}#stage .brand small{font-size:clamp(8px,2cqw,19px)}
#stage #clock{position:absolute;top:16%;font-size:clamp(48px,14cqw,150px)}#stage #clock small{font-size:clamp(9px,2.2cqw,23px)}
#stage .view-switch,#stage .top-actions,#stage .map-tools,#stage .help,#stage .browse,#stage .about,#stage .ride-info,#stage #detail,#stage .map-summary{display:none!important}
#stage .legend{position:absolute;left:6%;right:6%;bottom:17%;width:auto;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
#stage .legend .eyebrow,#stage .legend .count,#stage .legend [data-type=all],#stage .route-toggle{display:none}
#stage .filters{display:flex;flex-direction:column;align-items:stretch;width:max-content;margin:auto;gap:2px}#stage .legend-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;background:none;font-size:clamp(9px,2.3cqw,24px);white-space:nowrap;pointer-events:none}
#stage .legend footer{display:block;text-align:center;border:0;padding-top:12px;font-size:clamp(7px,1.5cqw,15px)}#stage .legend footer a{font-size:inherit}
#stage .controls{position:absolute;left:12%;right:12%;bottom:10%;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
#stage .controls #play,#stage .controls .speed{display:none}#stage .timeline-wrap{width:100%;flex:1;min-width:0}#stage #timeline{pointer-events:none}#stage .ticks{font-size:clamp(8px,1.8cqw,18px)}
#stage .data-credit{position:absolute;display:block;left:6%;right:6%;bottom:5%;text-align:center;font-size:clamp(7px,1.6cqw,17px);line-height:1.5}
.record-panel{position:absolute;z-index:10;left:6%;right:6%;top:29%;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.record-panel label{display:grid;gap:8px;font-size:11px;color:#a3abb3}.record-panel input,.record-panel select{width:100%;padding:8px;border:1px solid var(--line);border-radius:5px;background:#0b1118;color:var(--text);font:11px DM Mono,monospace}.record-panel button,.record-panel p,.record-panel>a{grid-column:1/-1}.record-panel button{padding:10px;border:1px solid #697582;border-radius:5px;font-size:12px}.record-panel button:disabled{opacity:.45;cursor:wait}.record-panel p{margin:0;font-size:10px;line-height:1.6;color:#8b959f}.record-panel>a{font-size:10px;color:#aeb7bf;text-align:center}#stage.recording .record-panel{visibility:hidden;pointer-events:none}
