*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bac2ad;color:#253c34;font-family:Arial,Helvetica,sans-serif}#scene{position:fixed;inset:0;outline:none;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.title{position:absolute;left:32px;bottom:28px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:600;opacity:.7}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;letter-spacing:-.8px;margin:10px 0 7px}.title p{font-size:11px;letter-spacing:.25px;margin:0;opacity:.65}.telemetry{position:absolute;right:35px;top:36px;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1px;font-variant-numeric:tabular-nums}.live-dot{height:5px;width:5px;background:#3e7561;border-radius:50%}.divider{height:11px;width:1px;background:#526b5140;margin:0 2px}footer{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap}.controls{display:flex;gap:16px;align-items:center;background:#eef0e1c9;border:1px solid #ffffff55;border-radius:5px;padding:13px 19px;box-shadow:0 4px 24px #273b2710;backdrop-filter:blur(10px);font-size:11px;letter-spacing:.1px}.controls span{display:flex;gap:7px;align-items:center}.controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.controls i{height:13px;width:1px;background:#51634629}.actions{display:flex;gap:5px}button{border:1px solid #ffffff55;color:#334d40;background:#edf0e0ce;border-radius:5px;font-size:20px;line-height:20px;width:43px;height:43px;cursor:pointer}button:hover{background:#fff9}button:focus-visible{outline:2px solid #287f72;outline-offset:3px}.coordinates{display:none;position:absolute;bottom:33px;left:39px;font-size:8px;letter-spacing:2px;line-height:1.8;pointer-events:none}.coordinates span{font-size:7px;opacity:.58;letter-spacing:1.3px}#loading{position:fixed;inset:0;background:#bac2ad;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .7s;z-index:5;color:#386654}#loading .crystal{font-size:52px}#loading p{font-size:12px;letter-spacing:1px}#loading.hidden{opacity:0;pointer-events:none}@media(max-width:700px){.title{left:22px;top:25px;bottom:auto}h1{font-size:26px}.telemetry{right:20px;top:29px;font-size:8px}.telemetry .divider,.telemetry>span:last-child{display:none}.coordinates{display:none}footer{bottom:18px;gap:6px}.controls{padding:11px;gap:8px;font-size:9px}.controls span{gap:4px}.controls svg{width:12px}.controls i{display:none}button{width:34px;height:36px}.eyebrow{font-size:7px;letter-spacing:1.6px}}@media(prefers-reduced-motion:reduce){#loading{transition:none}}