:root{--sea: #0b3a5c;--stop: #c62828;--pad: #14532d;--pad-on: #1d7a3a;--ink: #f4f1ea}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--sea);color:var(--ink);font-family:PingFang HK,Noto Sans TC,Microsoft JhengHei,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}.screen{display:flex;flex-direction:column;width:100%;height:100%;min-height:100dvh}.title{align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(ellipse at 50% 0%,#3a7ca5,#0b3a5c 55%,#062235)}.title h1{margin:0;font-size:clamp(2.4rem,8vw,4.2rem);letter-spacing:.12em}.title p{margin:0;font-size:clamp(1.2rem,3.5vw,1.8rem);opacity:.9}.btn{border:0;border-radius:1rem;padding:.9rem 2.4rem;font:inherit;font-size:1.6rem;color:var(--ink);background:#c45c26;min-height:4rem;min-width:10rem}.btn:active{filter:brightness(1.1)}.trip{position:relative;background:#062235}.trip canvas{display:block;width:100%;flex:1;min-height:0}.hud{position:absolute;top:0;left:0;right:0;padding:.6rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;pointer-events:none;text-shadow:0 1px 4px #062235}.meters{font-size:clamp(1.8rem,5vw,3rem);font-weight:700}.time{font-size:clamp(1.2rem,3vw,1.8rem);align-self:center}.route{grid-column:1 / -1;display:flex;align-items:center;gap:.6rem;font-size:1rem}.route .bar{flex:1;height:.7rem;background:#f4f1ea40;border-radius:99px;overflow:hidden}.route .bar>i{display:block;height:100%;width:0;background:#f4d35e;border-radius:99px}.cue{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;pointer-events:none;text-shadow:0 2px 8px #062235}.helm{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.5rem;padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.helm button{border:0;border-radius:.8rem;color:var(--ink);font:inherit;font-size:1.5rem;min-height:5.2rem;background:var(--pad)}.helm button.on{background:var(--pad-on)}.helm .stop{background:var(--stop);min-width:6.5rem;font-size:1.8rem;font-weight:700}.end{align-items:center;justify-content:center;gap:1.4rem;background:radial-gradient(ellipse at 50% 20%,#3a7ca5,#0b3a5c 60%)}.end h2{margin:0;font-size:clamp(2rem,6vw,3.4rem)}.end p{margin:0;font-size:1.4rem}.login{align-items:center;justify-content:center;gap:.8rem;padding:1rem;overflow:auto;touch-action:manipulation;-webkit-user-select:auto;user-select:auto}.login h1{margin:0;font-size:clamp(1.8rem,5vw,2.6rem)}.login p{margin:0;opacity:.85}.login input{font:inherit;font-size:1.6rem;padding:.7rem 1rem;border-radius:.8rem;border:0;min-height:3.4rem;min-width:min(20rem,80vw);touch-action:manipulation;-webkit-user-select:text;user-select:text}.pin{font-size:2.8rem;font-weight:700;letter-spacing:.2em;min-height:3.2rem}.pad{display:grid;grid-template-columns:repeat(3,5.2rem);gap:.5rem}.pad button{border:0;border-radius:.8rem;min-height:4.4rem;font:inherit;font-size:1.6rem;color:var(--ink);background:#14532d}.tracks{display:flex;flex-direction:column;gap:.7rem;width:min(22rem,90vw)}.track{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.track span{font-size:1rem;font-weight:400;opacity:.9}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.btn-ghost{background:#2f3d49}.link{background:none;border:0;color:var(--ink);font:inherit;font-size:1rem;opacity:.75;min-height:2.4rem}.harness{position:relative;background:#062235}.harness canvas{display:block;width:100%;flex:1;min-height:0}.harness .helm{grid-template-columns:1fr auto}.needle{position:absolute;left:10%;right:10%;bottom:6.4rem;height:.7rem;background:#f4f1ea4d;border-radius:99px;pointer-events:none}.needle>i{position:absolute;top:-.45rem;width:1.5rem;height:1.5rem;margin-left:-.75rem;border-radius:50%;background:#c62828;left:50%}.needle>i.ok{background:#f4d35e}.log{list-style:none;padding:0;margin:0;width:min(40rem,94vw);font-size:1.05rem;text-align:left}.log li{padding:.45rem 0;border-bottom:1px solid rgba(244,241,234,.15)}.helm .stop{min-width:7.2rem;min-height:5.6rem;font-size:2rem}