.shell{max-width:930px}.layout{grid-template-columns:minmax(0,1fr) 245px}.signal{background:#0b222a;color:#ffe294;border:3px inset #ddd;padding:17px;text-align:center;font:11px 'Courier New',monospace}.signal strong{display:block;font:bold 30px 'Courier New',monospace;margin:12px 0}.signal>span{display:block}.signal progress{width:100%;height:13px;accent-color:#e5bd4d}.signal #seconds{margin-top:7px;font-size:10px;color:#ccd7d6}.approach{position:relative;height:50px;overflow:hidden;background:#73837b;border:2px inset #ddd;margin:10px 0;color:white}.approach>span{position:absolute;left:0;top:10px;font-size:24px;color:#e8f2ff;white-space:nowrap}.approach>b{position:absolute;right:4px;top:2px;font:9px Arial;background:#263e44;padding:3px}.tracks{display:grid;gap:8px}.tracks button{display:flex;gap:12px;align-items:center;min-height:53px;padding:5px 10px;width:100%;background:#c6ccc6}.tracks button>b{display:grid;place-items:center;width:32px;height:32px;background:#173c5c;color:white;font:bold 22px 'Courier New',monospace}.tracks button>span:last-child{font:bold 12px 'Courier New',monospace;white-space:nowrap}.rail{flex:1;height:20px;background:repeating-linear-gradient(90deg,transparent 0 10px,#59635d 10px 15px,transparent 15px 25px);border-top:3px solid #333;border-bottom:3px solid #333}.tracks button:disabled{opacity:.65}.tracks button:not(:disabled):hover{background:#e0e5d8}.intro p{max-width:780px}@media(max-width:740px){.layout{grid-template-columns:1fr}.signal strong{font-size:27px}.tracks{grid-template-columns:1fr 1fr;gap:8px}.tracks button{gap:6px;min-height:60px;padding:5px}.tracks button>span:last-child{font-size:10px}.tracks button>b{width:27px;height:30px;font-size:20px}.rail{min-width:10px}.toolbar output{font-size:22px}.toolbar{gap:15px}}