:root{font-family:system-ui,sans-serif;color:#233d36;background:#eef1e8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #cdd9cf}small{font-size:10px;letter-spacing:2px;font-weight:700;color:#577c68}h1{font-size:clamp(23px,3vw,38px);margin:5px 0}h2{font-size:25px;line-height:1.15}#world-status{font-size:13px;max-width:310px;line-height:1.5}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0}#view{height:calc(100dvh - 165px);min-height:500px;position:relative;overflow:hidden;background:#dce6dc}canvas{display:block;width:100%;height:100%;touch-action:none}aside{padding:25px;background:#fafbf6;max-height:calc(100dvh - 165px);overflow:auto}p{line-height:1.5}button{font:inherit;border:1px solid #bac9be;background:#fffdf5;color:#2c4d40;padding:10px 12px;border-radius:8px;cursor:pointer}button:hover{background:#e6efe5}button:disabled{opacity:.5}button:focus-visible{outline:3px solid #177584}details button{width:100%;margin:4px 0}summary{padding:12px 0;font-weight:650;cursor:pointer}.viewtools{position:absolute;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap;right:14px}.viewtools button{font-size:12px}.caption{position:absolute;bottom:12px;left:14px;font-size:10px;background:#fffdf3dd;border-radius:5px;padding:7px;max-width:90%}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffdf5;padding:15px;border-radius:8px;pointer-events:none}#labels{position:absolute;inset:0;pointer-events:none}.label{position:absolute;background:#fffdf1e8;padding:4px 8px;border:1px solid #c4d0be;border-radius:5px;font-size:11px;white-space:nowrap;transform:translate(-50%,-100%)}.muted{font-size:11px;color:#63796d}#activity{padding:14px 0;border-top:1px solid #dbe1d5;border-bottom:1px solid #dbe1d5;line-height:1.7;font-size:13px}#events{padding:0;list-style:none;font-size:12px;line-height:1.45}#events li{padding:7px 0;border-bottom:1px solid #e2e8da}footer{padding:12px 25px;font-size:10px;color:#617967}a{color:inherit}@media(max-width:700px){header{padding:14px 16px;display:block}h1{font-size:25px}#world-status{font-size:11px;margin-top:8px;max-width:none}main{display:block}#view{height:60dvh;min-height:390px}aside{max-height:none;padding:20px}aside h2{margin:8px 0}.caption{font-size:9px}.label{font-size:9px;padding:3px 5px}.viewtools button{padding:8px;font-size:11px}footer{padding:14px 16px}}

.return{display:block;font-size:12px;margin-bottom:10px;text-underline-offset:3px}.legal{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px;font-size:12px}.legal a{display:inline-flex;align-items:center;min-height:44px}a:focus-visible{outline:3px solid #177584;outline-offset:3px}

.world-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:510px}.world-tools label{font-size:12px}.world-tools select{font:inherit;min-height:44px;padding:7px;max-width:100%;background:#fffdf5;border:1px solid #bac9be;border-radius:8px}.world-tools #world-status{flex-basis:100%;max-width:none}.viewtools button{min-height:44px}@media(max-width:700px){.world-tools{margin-top:10px}#view{min-height:470px}.viewtools{top:10px}}

body{background:#f4eee0;color:#244652}header{background:#fbf7ed;padding:18px 26px}header h1{font-size:clamp(25px,3vw,38px)}header small{color:#488780}main>aside{background:#faf7ee}.viewtools{display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 24px)}.viewtools button{padding:9px 11px;font-size:12px;border-color:#c8ccc0;box-shadow:0 2px 5px #284b4b15}.label{background:#fff8e8df;border:1px solid #e1d7c5;color:#244652;font-size:11px}.transit-board{border:1px solid #dfdccb;background:#f0f0e4;border-radius:10px;padding:14px;margin-bottom:18px}.transit-board h3,.signal-status h3{font-size:16px;margin:6px 0 12px}.departure{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #d9decc;font-size:12px}.line-number{display:grid;place-items:center;border-radius:5px;background:#286d72;color:#fff6dd;padding:5px;font-variant-numeric:tabular-nums}.departure-time{font-weight:700;font-variant-numeric:tabular-nums}.signal-status{font-size:12px;border-bottom:1px solid #dbdfd0;padding-bottom:12px;margin-bottom:12px}.signal-status>div{display:flex;justify-content:space-between;margin:6px 0}.signal-status strong{min-width:75px;text-align:center;border-radius:4px;padding:3px 5px;background:#eee7da}[data-light=red]{color:#b7423e}[data-light=green]{color:#257154}[data-light=amber],[data-light=red_amber]{color:#996409}button:hover,a:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #3c9194;outline-offset:3px}#view{min-height:650px}.world-tools select{background:#fffaf0}@media(max-width:700px){header{padding:16px}#view{height:560px;min-height:560px}.viewtools{max-width:calc(100% - 24px)}.viewtools button{font-size:11px;padding:7px 9px}.transit-board{margin-top:8px}.departure{grid-template-columns:44px 1fr auto}main>aside{padding:20px}.caption{font-size:10px}}

#place-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.building-info{margin:20px 0}.departure-time{max-width:125px}.label{pointer-events:auto;cursor:pointer}.transit-board .departure{grid-template-columns:48px 1fr auto}#transit-status{display:block;margin-bottom:5px}@media(max-width:450px){.departure-time{font-size:11px;max-width:100px}}