:root{font-family:Arial,Helvetica,sans-serif;color:#f4f4f0;background:#101112;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffdb31;outline-offset:3px}.top{border-bottom:1px solid #363739}.top-inner{max-width:760px;margin:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:30px;letter-spacing:-2px}.brand span{color:#ffda24}.region{font-size:10px;letter-spacing:1.4px;color:#b8b8b4;font-weight:bold}.region span{font-size:8px;color:#ffda24;margin-left:6px}main{max-width:760px;margin:auto;padding:24px 20px 50px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{color:#f9d42d;font-size:10px;letter-spacing:1.6px;font-weight:bold;margin:0 0 6px}h1{font-size:clamp(24px,5vw,32px);letter-spacing:-.6px;margin:0}h2{font-size:16px;margin:0}.icon-button{background:#222426;border:1px solid #4c4d4c;color:white;width:42px;height:42px;border-radius:50%;font-size:25px}.icon-button:disabled{opacity:.4}.stop-head{margin:24px 0 0;padding:15px 16px;background:#f1f1ed;color:#141414;border-bottom:5px solid #ffdc26}.stop-head h3{font-size:clamp(22px,5vw,30px);line-height:1.1;margin:0}.stop-head p{font-size:12px;color:#444;margin:6px 0 0}.board-row{border-bottom:1px solid #555; padding:21px 0 24px}.board-line{display:flex;align-items:center;gap:12px}.line{display:inline-grid;place-items:center;flex:none;border-radius:50%;min-width:42px;height:42px;padding:4px;font-size:17px;font-weight:800;color:var(--fg,#fff);background:var(--bg,#52575a);border:1px solid #ffffff40}.line.long{border-radius:9px;font-size:13px}.direction{font-weight:700;font-size:clamp(17px,4vw,21px);line-height:1.2}.direction small{display:block;color:#aaa;font-size:10px;letter-spacing:1px;margin-bottom:5px}.times{display:grid;grid-template-columns:1fr 1fr;margin:17px 0 0 54px}.time{text-align:center;color:#ffdc26;font-size:clamp(38px,10vw,64px);line-height:1;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums}.time+.time{border-left:1px solid #646464}.time small{font-size:13px;letter-spacing:0;font-weight:600}.time-label{display:block;color:#aaa;font-size:10px;letter-spacing:.5px;margin-bottom:8px;font-weight:400}.time.empty-time{color:#777}.message{color:#c6c6c0;line-height:1.55;padding:22px 0}.controls,.simulator{margin-top:32px;border-top:1px solid #424446;padding-top:22px}.control-heading,.sim-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.locate,.sim-controls button{background:#26282a;border:1px solid #626564;border-radius:6px;color:#fff;padding:10px 12px;font-size:13px}.locate{font-weight:bold}.search-wrap{position:relative;margin-top:14px}.search-box{display:flex;align-items:center;gap:10px;background:#242627;border:1px solid #626564;border-radius:6px;padding:0 13px}.search-box>span{font-size:26px;color:#e0e0da}.search-box input{width:100%;background:transparent;color:white;border:0;outline:0;padding:14px 0}.results{position:absolute;z-index:3;top:100%;left:0;right:0;background:#2a2c2d;max-height:330px;overflow:auto;box-shadow:0 12px 22px #0009}.result{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #555;text-align:left;padding:13px}.result:hover{background:#404344}.result small{display:block;color:#c2c5c1;margin-top:5px;line-height:1.4}.nearby-heading{font-size:12px;color:#aaa;margin:16px 0 7px}.nearby-list{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.nearby-list button{white-space:nowrap;background:#242627;border:1px solid #555;color:#eee;border-radius:5px;padding:9px;font-size:12px}.nearby-list button[aria-current=true]{border-color:#ffdc26}.simulator[hidden],.sim-badge[hidden]{display:none}.sim-subtitle{font-size:12px;color:#aaa}.sim-badge{color:#181818;background:#ffdc26;border-radius:4px;padding:6px;font-size:12px;font-weight:bold}.sim-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.sim-controls label{display:grid;gap:5px;font-size:12px;color:#ccc}.sim-controls input,.sim-controls select{border:1px solid #666;border-radius:5px;padding:9px;background:#242627;color:white;max-width:170px}.sim-controls input{width:120px}#sim-error{color:#ff9c8b;font-size:13px}.note{color:#aaa;font-size:12px;line-height:1.5;margin-top:28px}footer{max-width:760px;margin:auto;padding:22px 20px 35px;border-top:1px solid #424446;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#b8b8b4;font-size:12px}footer div{display:flex;gap:1.5rem;flex-wrap:wrap}footer a{color:#b8b8b4}.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}@media(max-width:400px){main{padding-left:15px;padding-right:15px}.time{font-size:42px}.times{margin-left:0}.region{font-size:9px}}

.status{font-size:12px;color:#c7c7c2;min-height:0;line-height:1.4}.status:empty{display:none}.line{position:relative;overflow:hidden}.line img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101112}.times:has(.time:nth-child(3)){grid-template-columns:repeat(3,1fr)}.times:has(.time:nth-child(3)) .time{font-size:clamp(32px,8vw,54px)}.nearby-list button{line-height:1.45;text-align:left}
.nearby-title{display:flex;justify-content:space-between;align-items:center}.nearby-title>span{font-size:11px;color:#aaa}.nearby-list{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;gap:10px;padding:0 2px 8px}.nearby-list .station-card{flex:0 0 224px;height:140px;white-space:normal;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;background:#242627;border-radius:8px}.station-card strong{font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.station-card .station-distance{height:18px;font-size:11px;white-space:nowrap;color:#d3d3cd}.station-lines{display:flex;align-items:center;gap:7px;max-width:100%;overflow:hidden}.card-line{display:flex;align-items:center;gap:3px}.card-line .line{width:26px;min-width:26px;height:26px;font-size:10px}.card-line small{font-size:10px;color:#d2d2cc}.nearby-list .station-card[aria-current=true]{border:2px solid #ffdc26;padding:12px}.nearby-list .station-card:focus-visible{outline-offset:-3px}
