:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}html,body{margin:0;padding:0;background:#000;overflow:hidden}#app{position:relative;width:100vw;height:100vh}#scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hud{position:absolute;top:18px;left:18px;padding:14px 14px 12px;border-radius:14px;background:#0a0a1275;border:1px solid rgba(200,180,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000073;min-width:220px}.hud-title{font-weight:650;letter-spacing:.3px;margin-bottom:1px;color:#f0e8fff2}.protocol-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:9px;padding:5px 0;color:#cdbeffad;font-size:11px;letter-spacing:.15px;text-decoration:underline;text-decoration-color:#cdbeff52;text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.protocol-link:hover,.protocol-link:focus-visible{color:#f0e8fff5;text-decoration-color:currentColor}.protocol-link:focus-visible{border-radius:4px;outline:2px solid rgba(160,120,255,.7);outline-offset:3px}.hud-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0}.hud-label{color:#dcd2ffa6;font-size:12px}.hud-value{color:#f5eeffeb;font-weight:650;font-size:13px}.bar{margin-top:10px;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(200,180,255,.1)}.bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#a078ffcc,#5aaaffcc);border-radius:999px}.hud-sub{margin-top:10px;font-size:11px;color:#dcd2ff8c}