:root{font-family:system-ui,sans-serif;color:#dce8df;background:#101813;color-scheme:dark;font-size:15px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,input,select{border:1px solid #526658;border-radius:4px;background:#1c2a21;color:#e5eee7;padding:9px 12px}button{cursor:pointer}button:hover{background:#2a4031}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffbe60;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}
.brand{padding:20px clamp(16px,4vw,48px);display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #33483a}.brand strong{font-size:14px;letter-spacing:2px;font-weight:600}.brand span{color:#a8bcae;font-size:13px}main{padding:24px clamp(12px,4vw,48px);max-width:1700px;margin:auto}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:500}h2{font-size:18px;font-weight:500}h3{font-size:17px;font-weight:500}.subtle{color:#a3b8aa;font-size:13px;margin-top:17px}.login-panel{max-width:540px;margin:8vh auto;padding:24px 0}.login-panel p{margin-top:14px;color:#b3c9ba}form{display:grid;gap:10px;margin-top:25px}form button{margin-top:6px;background:#e6eee8;color:#15231a}form button:hover{background:#c4d8ca}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#b4c9bc}input{min-width:0;width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.tools select{max-width:280px}.tools label{flex-basis:180px}#connection{font-size:13px;display:block;margin-top:6px;color:#b3c5b9}#map{width:100%;height:clamp(320px,60vh,720px);display:block;background:#111d16;border:1px solid #3b5343;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.legend{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 0;font-size:13px;color:#b1c5b8}.occupied{color:#ffbb59}.reserved{color:#83b9eb}.train{color:#ffe0a1}.selection-controls{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 18px}.entity-label{flex:1;min-width:180px}.entity-label select{width:100%}.detail{padding:18px;background:#1c2a21;border:1px solid #384e3e}.detail p{margin-top:8px;color:#b7cbbc;overflow-wrap:anywhere;white-space:pre-line}.board{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px;padding:18px;background:#070b08;color:#ffb23f;font-family:monospace}.board h3{border-bottom:1px solid #584321;padding-bottom:12px;letter-spacing:1px}.service{padding:12px 0;border-bottom:1px solid #302b1d;overflow-wrap:anywhere}.service span{display:block;margin-top:5px;color:#d99d47;font-size:13px}[hidden]{display:none!important}
@media(max-width:600px){main{padding-top:18px}.board{grid-template-columns:1fr;padding:13px}.tools{width:100%}.tools label{flex:1}.tools select{width:100%;max-width:100%}.toolbar h1{font-size:22px}.detail{padding:13px}.brand{gap:8px 20px}#map{height:380px}.login-panel{margin-top:4vh}.selection-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}