:root{--panel:linear-gradient(180deg, #29344a, #1d2639);--panel-border:#6c7f9d3d;--sheet-card:#182132;--sheet-card-border:#5d6d8a38;--text:#f3f7fd;--muted:#a4b1c7;--blue:#2c6ef2;--blue-deep:#183f93;--purple:#7b3cef;--accent:#6fd5ff;--shadow:0 22px 48px #00000057}*{box-sizing:border-box}html,body,#root{background:#101725;width:100%;height:100%;min-height:100dvh;margin:0;font-family:Roboto,sans-serif;overflow:hidden}button,input,textarea{font:inherit}.app{width:100%;height:100%;min-height:100dvh;color:var(--text);background:#101725;position:relative}.map-canvas-wrap,.map-canvas{width:100%;height:100%}.floating-status,.control-sheet{z-index:1000;background:var(--panel);box-shadow:var(--shadow);position:absolute}.floating-status{border:1px solid var(--panel-border);border-radius:12px;width:126px;min-width:126px;padding:6px 8px;top:16px;right:16px}.update-row{color:var(--muted);justify-content:space-between;align-items:center;gap:5px;font-size:.8rem;display:flex}.update-row strong{color:var(--text);font-variant-numeric:tabular-nums}.control-sheet{border-radius:32px 32px 0 0;width:min(390px,100vw - 32px);padding:14px 14px 16px;top:16px;bottom:0;left:16px;overflow:hidden;box-shadow:0 24px 56px #00000075}.control-sheet.is-mobile-sheet{overflow:hidden}.sheet-handle{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 0 10px;display:none}.sheet-handle span{background:#ffffff29;border-radius:999px;width:72px;height:4px}.sheet-content{scrollbar-width:none;grid-template-columns:1fr;align-content:start;gap:18px;height:100%;display:grid;overflow:hidden auto}.sheet-content::-webkit-scrollbar{width:0;height:0}.section-block{background:0 0;border:0;min-width:0;padding:0}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin:2px 8px 14px;display:flex}.section-title-row h2{letter-spacing:.01em;margin:0;font-size:1.06rem;font-weight:700}.section-title-row span{color:var(--muted);font-size:.82rem}.vehicle-chip-list{gap:10px;max-height:none;display:grid;overflow:visible}.vehicle-chip{--vehicle-accent:#d85e4a;text-align:left;appearance:none;background:var(--sheet-card);min-width:0;color:var(--text);cursor:pointer;border:0;border-radius:24px;padding:14px 16px;position:relative;box-shadow:inset 0 1px #ffffff08}.vehicle-chip.clockwise.is-active,.vehicle-chip.counterclockwise.is-active{background:var(--sheet-card)}.vehicle-chip.clockwise{--vehicle-accent:#d85e4a}.vehicle-chip.counterclockwise{--vehicle-accent:#ca5476}.vehicle-chip-direction{color:#fff;background:var(--vehicle-accent);border-radius:999px;justify-content:center;min-width:94px;margin-bottom:10px;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.vehicle-chip strong,.vehicle-chip span{display:block}.vehicle-chip__route{white-space:nowrap;letter-spacing:.01em;font-size:.95rem;font-weight:600;line-height:1.22}.vehicle-chip__route--measure{visibility:hidden;pointer-events:none;white-space:nowrap;letter-spacing:.01em;font-weight:600;position:absolute;inset:auto auto auto -9999px}.vehicle-chip span:last-child{color:var(--muted);margin-top:8px;font-size:.76rem}.detail-card{--detail-card-padding:18px;min-width:0;padding:var(--detail-card-padding);background:var(--sheet-card);border-radius:24px;gap:10px;display:grid;box-shadow:inset 0 1px #ffffff08}.detail-card--empty{place-items:center;min-height:214px}.detail-grid{gap:8px;display:grid}.detail-row{margin-left:calc(var(--detail-card-padding,18px) * -1);margin-right:calc(var(--detail-card-padding,18px) * -1);padding:6px var(--detail-card-padding,18px);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.detail-row:last-child,.prediction-list li:last-child{border-bottom:0}.detail-row span,.prediction-list span,.empty-line,.detail-empty{color:var(--muted)}.detail-empty{white-space:nowrap;text-align:center;place-self:center;width:fit-content;max-width:calc(100% - 16px);margin-inline:auto;font-size:clamp(.62rem,.95vw,.74rem);line-height:1.22;display:inline-block}.detail-subtitle{color:var(--text);letter-spacing:.01em;margin-top:0;margin-bottom:2px;font-size:1.02rem;font-weight:700}.stop-detail,.vehicle-detail{gap:10px;display:grid}.vehicle-detail .detail-subtitle,.stop-detail .detail-subtitle{margin-left:8px;margin-right:8px}.prediction-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.prediction-list--stop{gap:0}.prediction-list li{margin-left:calc(var(--detail-card-padding,18px) * -1);margin-right:calc(var(--detail-card-padding,18px) * -1);padding:12px var(--detail-card-padding,18px);border-bottom:1px solid #5d6d8a3d;justify-content:space-between;align-items:center;gap:10px;font-size:1rem;display:flex}.vehicle-detail .prediction-list li{font-size:1rem}.vehicle-detail .prediction-list li strong{color:var(--text);letter-spacing:.01em;font-size:1.72rem;font-weight:300;line-height:1}.prediction-list__card{padding:8px 0;display:block}.prediction-columns{grid-template-columns:3.8rem minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;display:grid}.prediction-columns--label span{color:var(--muted);white-space:nowrap;font-size:.76rem}.prediction-columns--stop-header{padding:0 0 6px}.prediction-columns--value strong{color:var(--text);text-align:left;min-width:0;line-height:1.2}.prediction-columns--value strong:last-child{white-space:nowrap;justify-self:end}.prediction-columns__current-stop{overflow-wrap:anywhere}.stop-arrival-table{display:grid}.stop-arrival-table__row{margin-left:calc(var(--detail-card-padding,18px) * -1);margin-right:calc(var(--detail-card-padding,18px) * -1);padding:12px var(--detail-card-padding,18px);border-bottom:1px solid #5d6d8a3d;grid-template-columns:5.6rem minmax(0,1fr) 4.4rem;align-items:center;gap:12px;display:grid;position:relative}.stop-arrival-table__row--header{padding-top:0;padding-bottom:6px}.stop-arrival-table__row:last-child{border-bottom:0}.stop-arrival-table__row span{color:var(--muted);white-space:nowrap;font-size:.76rem}.stop-arrival-table__row strong{color:var(--text);min-width:0;line-height:1.2}.stop-arrival-table__row strong:last-child,.stop-arrival-table__row--header span:last-child{text-align:right}.stop-arrival-table__row strong:last-child{letter-spacing:.01em;font-size:1.68rem;font-weight:300;line-height:1}.stop-arrival-table__current-stop{white-space:nowrap}.stop-arrival-table__current-stop--measure{visibility:hidden;pointer-events:none;position:absolute;inset:auto auto auto -9999px}.map-html-overlay{-webkit-user-select:none;user-select:none;cursor:pointer;position:absolute}.stop-label{align-items:center;gap:4px;display:inline-flex;transform:translateY(-1px)}.stop-label__icon{filter:drop-shadow(0 2px 4px #00000038);flex-shrink:0;width:19px;height:19px;display:block}.stop-label__text{color:#bdd8f6;letter-spacing:.01em;text-shadow:-1px 0 #1d2b3b,1px 0 #1d2b3b,0 -1px #1d2b3b,0 1px #1d2b3b,-1px -1px #1d2b3b,1px -1px #1d2b3b,-1px 1px #1d2b3b,1px 1px #1d2b3b,0 0 4px #0000007a;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.05;display:inline-block;transform:translateY(1px)}.stop-label.is-selected .stop-label__icon{transform:scale(1.03)}.vehicle-marker{--vehicle-accent:linear-gradient(180deg, #f07d66 0%, #d55340 100%);background:linear-gradient(#1f2937f5,#0c111bfa);border:2px solid #ffffffd1;border-radius:999px;width:34px;height:34px;position:relative;overflow:visible;box-shadow:0 7px 14px #00000057}.vehicle-marker:before{content:"";border-radius:999px;position:absolute;inset:3px}.vehicle-marker.clockwise{--vehicle-accent:linear-gradient(180deg, #f07d66 0%, #d55340 100%)}.vehicle-marker.counterclockwise{--vehicle-accent:linear-gradient(180deg, #ef7f9b 0%, #c5476a 100%)}.vehicle-marker:before{background:var(--vehicle-accent)}.vehicle-marker__pointer{z-index:2;width:10px;height:10px;transform:rotate(var(--heading-deg,0deg)) translateY(-24px);transform-origin:50%;pointer-events:none;margin-top:-5px;margin-left:-5px;position:absolute;top:50%;left:50%}.vehicle-marker__pointer:before{content:"";filter:drop-shadow(0 1px 2px #00000059);border-bottom:8px solid #f8fbfffa;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vehicle-marker__badge{z-index:1;color:#f8fbff;place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset:0}.vehicle-marker__delay{z-index:2;color:#ffd668;background:#090e18f5;border-radius:999px;min-width:20px;padding:2px 6px;font-size:.68rem;font-weight:700;position:absolute;top:-6px;right:-5px}.vehicle-marker__delay.is-on-time{color:#8de2a8}.vehicle-marker.is-selected{transform:scale(1.08)}.gm-style .gm-style-cc,.gm-style .gmnoprint{transition:opacity .16s}.gm-style button[title=Zoom\ in],.gm-style button[title=Zoom\ out]{color:var(--text)!important;background:#0c111be0!important;border-radius:12px!important}.map-error{color:#ffd3d3;text-align:center;z-index:2;background:#120c10db;border:1px solid #ff9b9b3d;border-radius:24px;place-items:center;padding:24px;display:grid;position:absolute;inset:24px}@media (width<=980px){.floating-status{top:max(10px, env(safe-area-inset-top));border-radius:11px;width:116px;min-width:116px;padding:6px 8px;left:10px;right:auto}.sheet-handle{padding:2px 0 8px;display:flex}.control-sheet{width:auto;padding:10px 12px env(safe-area-inset-bottom);border-bottom:0;border-left:0;border-right:0;border-radius:28px 28px 0 0;inset:auto 0 0}.control-sheet.is-mobile-sheet{height:var(--mobile-sheet-height);min-height:0;transform:translateY(var(--mobile-sheet-offset,0px));flex-direction:column;transition:transform .18s;display:flex}.control-sheet.is-mobile-sheet .sheet-content{flex:1;grid-template-columns:1fr;height:auto;min-height:0;overflow:hidden}.control-sheet.is-mobile-sheet.is-mobile-expanded .sheet-content{overflow:auto}.control-sheet.is-mobile-sheet.is-mobile-collapsed .sheet-content{overflow:hidden}.update-row{gap:4px;font-size:.74rem}.section-block{padding:0}.vehicle-chip-list{max-height:none}}@media (width<=720px){.control-sheet{padding:10px 12px env(safe-area-inset-bottom)}.floating-status{left:auto;right:8px;top:max(8px, env(safe-area-inset-top));width:112px;min-width:112px;padding:5px 7px}.sheet-content{gap:18px}.section-title-row h2{font-size:1rem}.section-title-row span,.detail-row,.empty-line,.detail-empty,.prediction-list li{font-size:.8rem}.vehicle-detail .prediction-list li{font-size:.96rem}.vehicle-detail .prediction-list li strong{font-size:1.56rem}.stop-arrival-table__row strong:last-child{font-size:1.48rem}.vehicle-chip{padding:14px}.vehicle-chip__route{font-size:.95rem}.vehicle-chip span:last-child{font-size:.74rem}.stop-label__text{font-size:.68rem}}@media (width<=420px){.detail-empty{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(.56rem,2.5vw,.72rem);line-height:1.22}}