:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#d4af37;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#app{width:100vw;min-height:100vh}.route-header{display:flex;justify-content:space-between;align-items:center;padding:.2rem;background-color:#333;border-radius:4px}.route-title{font-size:1rem;font-weight:700}.route-info{font-size:.8rem}.station-row{display:flex;position:relative;height:60px;align-items:center}.station-row:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:#d4af37;transform:translateY(-50%);z-index:0}.station{flex:1;position:relative;z-index:1;text-align:center;padding:.5rem;background-color:#000;height:100%;display:flex;flex-direction:column;justify-content:center}.station:not(:last-child):after{content:"";position:absolute;top:50%;right:-50%;width:100%;height:2px;background-color:#d4af37;transform:translateY(-50%);z-index:0}.station-number{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#d4af37;color:#000;font-size:.8rem;font-weight:700;margin-bottom:.25rem}.station-name{font-size:.8rem;margin-bottom:.25rem}.station-english{font-size:.6rem;color:#999}.eta{font-size:.6rem;color:#0f0;margin-top:.25rem}@media(max-width:768px){.route-title{font-size:.9rem}.route-info,.station-name{font-size:.7rem}.station-english{font-size:.5rem}}@media(min-height:1920px)and (orientation:portrait){.route-title{font-size:1.2rem}.route-info{font-size:1rem}.station-number{width:2rem;height:2rem;font-size:1rem}.station-name{font-size:1rem}.station-english,.eta{font-size:.8rem}}.container[data-v-ff1bedab]{width:100%;height:100vh;display:flex;flex-direction:column}.header[data-v-ff1bedab]{text-align:center;position:relative}.title[data-v-ff1bedab]{font-size:1.5rem;font-weight:700;color:#fff}.titles[data-v-ff1bedab]{background-color:#7c653c;padding:3px 8px;border-radius:20px;white-space:nowrap}.desc[data-v-ff1bedab]{white-space:nowrap}.time[data-v-ff1bedab]{position:absolute;top:0;right:0;text-align:right;font-size:1.2rem;line-height:1.5;color:#fff;white-space:pre}.routes[data-v-ff1bedab]{flex:1;overflow-y:hidden}.route-header[data-v-ff1bedab]{display:flex;justify-content:space-between;align-items:center;background-color:#3e331e;border-top:2px solid #7C653C}.route-title[data-v-ff1bedab]{font-size:.8rem;font-weight:700;color:#fff;display:flex;flex-direction:row;align-items:center;gap:5px}.route-info[data-v-ff1bedab]{font-size:.8rem;color:#fff;display:flex;flex-direction:row;align-items:center;gap:5px}.route-canvas[data-v-ff1bedab]{width:100%;height:140px;background-color:#000;border-radius:4px}