/* The rigging screen (web/rig-hud.js). Drawn over the 3D view; takes no pointer events. */
.rig-hud{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden;font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;color:#bff3ff;animation:rh-in .5s ease-out}
.rig-hud[hidden]{display:none}
.rig-hud canvas{position:absolute;inset:0;width:100%;height:100%}
@keyframes rh-in{from{opacity:0}to{opacity:1}}
.rh-rail,.rh-feed{position:absolute;top:74px;width:232px;padding:11px 13px;background:linear-gradient(160deg,#0b1d27d9,#0a1218c9);border:1px solid #2c6f8499;border-radius:4px 14px 4px 14px;backdrop-filter:blur(6px);box-shadow:0 0 22px #2ad4ff14,inset 0 0 18px #2ad4ff0a}
.rh-rail{left:22px}.rh-feed{right:22px}
.rh-rail-head,.rh-feed-head{font-size:9px;letter-spacing:.22em;color:#6fdcf7;margin-bottom:9px;display:flex;align-items:center;gap:7px}
.rh-rail-head::before,.rh-feed-head::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffd34d;box-shadow:0 0 8px #ffd34d;animation:rh-blink 1.1s steps(2) infinite}
@keyframes rh-blink{50%{opacity:.25}}
.rh-rail ol,.rh-feed ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rh-rail li{display:flex;align-items:center;gap:9px;font-size:10.5px;color:#5f8794;transition:color .4s}
.rh-rail li i{flex:none;width:9px;height:9px;border:1px solid #3d7385;transform:rotate(45deg);transition:all .4s}
.rh-rail li.done{color:#9fdcec}.rh-rail li.done i{background:#39c9ec;border-color:#39c9ec;box-shadow:0 0 7px #39c9ec}
.rh-rail li.live{color:#fff}.rh-rail li.live i{background:#ffd34d;border-color:#ffd34d;box-shadow:0 0 10px #ffd34d;animation:rh-pulse 1s ease-in-out infinite}
.rh-rail li.live span{text-shadow:0 0 9px #7fe9ff}
@keyframes rh-pulse{50%{transform:rotate(45deg) scale(1.45)}}
.rig-hud:not([data-kind=rig]):not([data-kind=analyse]) .rh-rail,.rh-feed:has(ul:empty){display:none}
.rh-feed li{font-size:10.5px;color:#9fdcec;padding-left:11px;position:relative;animation:rh-fact .5s ease-out}
.rh-feed li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:1px;background:#ffd34d}
.rh-feed li:first-child{color:#fff}.rh-feed li:nth-child(n+4){opacity:.55}
@keyframes rh-fact{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.rh-now{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap;max-width:calc(100% - 28px)}
.rh-now-tag{font-size:9px;letter-spacing:.34em;color:#ffd34d;padding:2px 9px 2px 12px;border:1px solid #ffd34d66;border-radius:2px;background:#1a140099}
.rh-now b{font-size:17px;font-weight:500;letter-spacing:.04em;color:#f2fdff;text-shadow:0 0 14px #45d9ff,0 0 2px #45d9ff;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rh-score{position:absolute;right:26px;bottom:26px;font-size:10px;letter-spacing:.08em;color:#8fd5e6}
.rh-score span{font-size:17px;color:#ffd34d;margin-right:4px;text-shadow:0 0 10px #ffd34d88}
.rh-score.pop span{display:inline-block;animation:rh-pop .3s ease-out}
@keyframes rh-pop{from{transform:scale(1.7)}to{transform:none}}
.rh-hint{position:absolute;left:26px;bottom:26px;font-size:9.5px;letter-spacing:.1em;color:#5f9db0}
/* the progress pill joins the look while the screen is up */
body.rig-hud-on .build-status{background:linear-gradient(160deg,#0b1d27ee,#0a1218e6);border-color:#2c8fb0;border-radius:4px 16px 4px 16px;box-shadow:0 0 26px #2ad4ff2e,inset 0 0 20px #2ad4ff12;width:min(420px,calc(100% - 32px));font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace}
body.rig-hud-on .build-status::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#6eebff,transparent);animation:rh-sweep 2.2s linear infinite}
@keyframes rh-sweep{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
body.rig-hud-on .build-track{stroke:#17414f}body.rig-hud-on #buildRing{filter:drop-shadow(0 0 4px #ffd34d)}
body.rig-hud-on .build-meter span{font-size:11px;text-shadow:0 0 8px #ffd34d88}
body.rig-hud-on .build-copy strong{color:#eafcff;letter-spacing:.03em}body.rig-hud-on .build-copy span{color:#7fb9c8}
body.rig-hud-on #viewportStatus,body.rig-hud-on #hoverinfo{display:none}
@media(max-width:900px){.rh-feed{display:none}.rh-rail{top:66px;left:12px;width:auto;max-width:62%;padding:8px 10px}.rh-rail li:not(.live):not(.done){display:none}.rh-rail li.done{display:none}.rh-rail li.done:nth-last-child(1 of .done){display:flex}
  .rh-now{bottom:92px}.rh-now b{font-size:14px}.rh-hint{display:none}.rh-score{right:14px;bottom:84px}}
@media(prefers-reduced-motion:reduce){.rig-hud,.rh-feed li,.rh-rail li.live i,.rh-rail-head::before,.rh-feed-head::before,body.rig-hud-on .build-status::after{animation:none}}
