*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;margin:0;overflow:hidden}body{background:#101820;color:#fff;font:14px/1.4 Arial,sans-serif}#scene{display:block;touch-action:none}.fps{position:fixed;top:12px;right:12px;z-index:1;padding:3px 6px;color:#ffffffb8;background:rgb(16 24 32 / 45%);border-radius:3px;font:11px/1 monospace;pointer-events:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:12px;background:rgb(16 24 32 / 72%);font-size:16px;font-weight:700}.loading[hidden]{display:none}.spinner{width:42px;height:42px;border:4px solid rgb(255 204 0 / 30%);border-top-color:#fc0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{position:fixed;top:16px;left:16px;padding:14px 16px;background:rgb(16 24 32 / 88%);border-left:4px solid #ffcc00;border-radius:3px;min-width:240px}.logo{position:fixed;right:16px;bottom:16px;max-width:140px;max-height:80px;object-fit:contain;z-index:0}h1{margin:0 0 8px;font-size:20px}h1 span{color:#fc0}p{margin:4px 0}.object-details{color:#b6c1c9;font-size:12px}.help{margin-top:10px;color:#b6c1c9;font-size:12px}.trace-toggle{display:block;margin-top:10px;cursor:pointer}.trace-toggle input{accent-color:#ffcc00}button{margin-top:10px;padding:7px 10px;border:0;border-radius:3px;background:#ffcc00;color:#101820;font:inherit;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.denm-alert{position:fixed;right:16px;bottom:16px;z-index:1;max-width:360px;padding:16px;background:#b20000;border:2px solid #fff;border-radius:4px;box-shadow:0 4px 16px #0006}.denm-alert h2{margin:0 0 8px}.denm-alert p{margin:0}