*{box-sizing:border-box}body{margin:0;background:#9daeb1;color:#f3f5ee;font:13px system-ui,sans-serif;overflow:hidden}canvas{display:block;width:100%;height:100%}header{position:absolute;top:45px;left:48px;pointer-events:none;text-shadow:0 2px 22px #203a3b77}.eyebrow{font-size:10px;letter-spacing:3px;display:flex;align-items:center;gap:10px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#c5edcc}h1{font:normal 46px Georgia,serif;letter-spacing:-1.6px;margin:15px 0 9px}header p{font-size:12px;letter-spacing:.6px;opacity:.8}#stats{position:absolute;right:38px;top:42px;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}#stats b{font-size:15px;font-weight:500}#stats i{height:12px;width:1px;background:#ffffff55;margin:0 8px}footer{position:absolute;bottom:26px;left:48px;right:48px;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:18px}.journey{width:170px}.journey>span{font-size:9px;letter-spacing:2.5px;opacity:.7}.journey strong{display:block;font-size:26px;font-weight:300;margin:7px 0 12px}.journey small{font-size:12px;opacity:.6}.track{height:2px;background:#ffffff35}.track i{display:block;width:32%;height:2px;background:#d9ecde}.controls{display:flex;align-items:center;background:#142d2ddd;backdrop-filter:blur(18px);padding:8px;border:1px solid #ffffff26;border-radius:12px;gap:5px}button,label{font:11px system-ui;color:inherit;background:transparent;border:0;border-radius:7px;padding:12px;white-space:nowrap}button{cursor:pointer}button:hover,button.active{background:#e3efdf20}label{display:flex;align-items:center;gap:10px}input{width:75px;accent-color:#c6dbca}.hint{width:100%;text-align:right;margin:0;font-size:8px;letter-spacing:1.6px;opacity:.65}.hint em{padding:0 12px;font-style:normal}#loading,#error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#132b2f;font:30px Georgia;padding:40px;text-align:center}#loading span{font:12px system-ui;margin-top:20px;opacity:.7}#error{font:16px system-ui;line-height:1.8} [hidden]{display:none!important}body.clean header,body.clean footer{display:none}@media(max-width:750px){header{left:24px;top:28px}h1{font-size:34px}#stats{top:22px;right:20px;font-size:8px}footer{left:20px;right:20px}.controls{flex-wrap:wrap}.hint{display:none}.journey{display:none}}