*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#244139;background:#dce7db}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #d4ded3;background:#ffffffda;color:#284d40;border-radius:10px;padding:11px 14px;transition:background .2s}button:hover{background:#e4eee4}button:focus-visible,a:focus-visible{outline:3px solid #dba54a;outline-offset:3px}#viewport{position:fixed;inset:0}canvas{display:block}header{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;font-size:29px;color:#285946}.brand span{font-size:21px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px}aside{position:absolute;top:110px;left:28px;width:288px;padding:24px;background:#fafcf5ed;border:1px solid #fff9;border-radius:20px;box-shadow:0 12px 45px #25403212;max-height:calc(100dvh - 190px);overflow:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#738578}h1{font-size:25px;margin:13px 0}p.intro{font-size:12px;line-height:1.9;color:#7c897d;margin-bottom:22px}nav{display:grid;gap:8px}.ride-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px;background:#f1f4eb;border:1px solid transparent}.ride-card.active{background:#e2ebda;border:1px solid #aebf9f}.ride-card b{font-size:13px;display:block}.ride-card small{font-size:10px;color:#7b8879;display:block;margin-top:4px}.ride-card .icon{font-size:24px}section{margin-top:22px;padding-top:20px;border-top:1px solid #dce4d8}.section-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:16px;margin:0}#status{font-size:10px;color:#5e8162}#phase{font-size:11px;color:#7a8678;line-height:1.6;min-height:34px}.stats{display:flex;justify-content:space-between;margin:18px 0}.stats strong{font-size:22px;font-weight:500;display:block}.stats small{font-size:9px;color:#899184;display:block;margin-top:4px}.actions{display:flex;gap:6px}.actions button{flex:1;font-size:11px;padding:10px 4px}#toggle{background:#345e48;color:#fff;border-color:#345e48}.speed-label{display:flex;justify-content:space-between;font-size:11px;margin-top:20px}input{width:100%;accent-color:#547852;margin:12px 0}#standalone{font-size:10px;color:#617b5d;cursor:pointer}.all-controls{display:flex;gap:6px;margin-top:22px}.all-controls button{flex:1;font-size:10px;padding:10px 4px;background:transparent}footer{position:absolute;bottom:22px;left:340px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}footer span{font-size:11px;color:#506956;background:#f8fcf1cc;padding:10px 15px;border-radius:20px}footer div{display:flex;gap:8px;pointer-events:auto}#labels{position:fixed;inset:0;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-size:11px;padding:7px 12px;pointer-events:auto;background:#ffffffe8;box-shadow:0 3px 12px #27433114;border-radius:20px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#edf3e8ed;color:#496945;z-index:10}#loading[hidden]{display:none}@media(max-width:700px){header{left:16px;right:16px;top:16px}.brand span{font-size:16px}aside{left:12px;right:12px;top:auto;bottom:70px;width:auto;padding:12px;max-height:35dvh}aside .eyebrow,aside h1,.intro{display:none}nav{grid-template-columns:repeat(3,1fr);gap:4px}.ride-card{padding:8px;gap:5px}.ride-card .icon{font-size:17px}.ride-card b{font-size:10px}.ride-card small{display:none}section{margin-top:10px;padding-top:10px}.stats{margin:8px 0}.all-controls{margin-top:10px}footer{left:12px;right:12px;bottom:12px}footer span{font-size:9px}.map-label{font-size:9px}}