:root{font-family:DM Sans,sans-serif;color:#fff9e9;background:#96d3da;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#sea{display:block;width:100vw;height:100dvh}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff3b2;outline-offset:5px}.topbar{position:absolute;inset:0 0 auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#103e4b66,transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-weight:800;font-size:23px;letter-spacing:4px}.brand-icon{font-size:38px;color:#ffe5a0}.brand small{display:block;font-size:9px;letter-spacing:3.4px;font-weight:500;margin-top:3px}.prototype{font-size:10px;letter-spacing:2px;opacity:.85}.prototype span{margin:0 10px}#reset{border:1px solid #ffffff45;border-radius:30px;color:#fff9e9;background:#103d4933;padding:10px 18px;font-size:12px}.welcome{position:absolute;top:25%;left:7%;max-width:650px;text-shadow:0 2px 30px #153b4840;transition:opacity .4s,transform .4s}.welcome.hidden{opacity:0;transform:translateY(15px);pointer-events:none;visibility:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3.5px;color:#ffdf8b}h1{font-family:Outfit,sans-serif;font-size:clamp(36px,4.6vw,72px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:20px 0}.welcome p{font-size:15px;line-height:1.9;color:#fff9e9d9}.start{background:#ffe2a0;color:#28434b;border:0;border-radius:9px;padding:17px 24px;font-weight:700;min-width:175px;margin-top:16px;box-shadow:0 7px 25px #173e4926}.start:hover{background:#ffedc2}.start span{margin-left:28px}.welcome-controls{display:flex;align-items:center;gap:5px;margin-top:25px;font-size:11px}.welcome-controls span{margin-left:10px;opacity:.8}kbd{display:inline-block;border:1px solid #fff9e960;background:#143e4533;border-radius:4px;font:10px DM Sans,sans-serif;padding:4px 6px}.instruments{position:absolute;bottom:72px;left:40px;display:flex;gap:28px;align-items:center;border:1px solid #ffffff30;border-radius:14px;background:#133e4ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 26px}.label{display:block;font-size:9px;letter-spacing:2px;opacity:.65;margin-bottom:8px}.speed strong{font-family:Outfit,sans-serif;font-weight:500;font-size:33px}.speed div>span{font-size:12px;margin-left:8px;opacity:.7}.speed-track{height:3px;width:95px;background:#ffffff20;margin-top:8px;border-radius:4px}.speed-track i{display:block;width:0;height:100%;background:#ffe2a0;border-radius:inherit}.heading,.location{border-left:1px solid #ffffff25;padding-left:25px}.heading strong,.location strong{display:block;font-family:Outfit,sans-serif;font-weight:500;font-size:22px}.location strong{font-size:16px}.heading small,.location small{display:block;margin-top:5px;font-size:10px;color:#ffe2a0}.chart{position:absolute;bottom:72px;right:40px;width:185px;padding:15px;border-radius:14px;background:#133e4ccc;border:1px solid #ffffff30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chart>div{display:flex;justify-content:space-between;font-size:9px}.chart canvas{width:100%;display:block}footer{position:absolute;left:40px;right:40px;bottom:25px;display:flex;justify-content:space-between;font-size:11px;color:#fff9e9c0}footer kbd{margin:0 4px 0 10px}#notice{position:absolute;left:50%;top:115px;transform:translate(-50%);border-radius:8px;padding:12px 20px;background:#133e4cdd;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}#notice.visible{opacity:1}#error{position:absolute;inset:0;z-index:10;background:#133e4c;padding:20vh 10vw;font-size:20px}.touch-controls{display:none;position:absolute;right:20px;bottom:20px;gap:8px}.touch-controls button{width:48px;height:48px;border-radius:12px;border:1px solid #ffffff50;background:#133e4ccc;color:#fff9e9;font-size:22px;touch-action:none;-webkit-user-select:none;user-select:none}@media(max-width:700px){.topbar{padding:20px}.brand{font-size:18px}.prototype{display:none}.welcome{left:7%;top:23%;right:5%}.welcome p{font-size:13px}.instruments{left:20px;bottom:90px;padding:14px 17px;gap:18px}.heading{padding-left:18px}.location{display:none}.chart{right:20px;bottom:90px;width:125px;padding:10px}footer{display:none}.touch-controls{display:flex}h1{letter-spacing:-1px}}@media(pointer:coarse){.touch-controls{display:flex}footer{display:none}}@media(max-width:420px){.chart{width:100px;padding:8px}.instruments{padding:12px;gap:12px}.heading{padding-left:12px}.speed-track{width:65px}.speed strong{font-size:28px}}@media(max-height:600px){.welcome{top:19%}h1{font-size:36px;margin:12px 0}.welcome p{margin:5px 0}.welcome-controls{display:none}.chart{width:115px}.instruments{padding:12px 18px}}