:root{--cyan: #00e5ff;--cyan-dim: rgba(0, 229, 255, .15);--cyan-glow: 0 0 8px rgba(0, 229, 255, .8), 0 0 20px rgba(0, 229, 255, .4);--panel-bg: rgba(0, 20, 40, .65);--border: 1px solid rgba(0, 229, 255, .45);--text-main: #c8f0ff;--text-dim: rgba(150, 210, 240, .6);--green: #00ff88;--red: #ff3b5c;--orange: #ffaa00}#twin-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:13px;color:var(--text-main);-webkit-user-select:none;user-select:none}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#001428bf;border-bottom:var(--border);box-shadow:0 2px 16px #00e5ff26;letter-spacing:.08em}.hud-header__tag{color:var(--cyan);font-size:11px;opacity:.8;text-shadow:var(--cyan-glow)}.hud-header__title{font-size:15px;font-weight:700;letter-spacing:.15em;color:var(--cyan);text-shadow:var(--cyan-glow)}.hud-body{flex:1;display:flex;justify-content:space-between;pointer-events:none}.hud-panel{position:absolute;top:54px;width:260px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.hud-panel--left{left:16px}.hud-panel--right{right:16px}.panel-block{background:var(--panel-bg);border:var(--border);border-radius:4px;padding:12px 14px;box-shadow:inset 0 0 20px #00e5ff0d,var(--cyan-glow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.panel-block__title{color:var(--cyan);font-size:11px;letter-spacing:.12em;margin-bottom:10px;text-shadow:var(--cyan-glow);border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:6px}.panel-block__row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;line-height:1.6}.label{flex:1;color:var(--text-dim);font-size:12px}.value{font-size:18px;font-weight:700;color:#fff;letter-spacing:.04em;transition:color .3s}.value--highlight{color:var(--cyan);text-shadow:var(--cyan-glow)}.value--power{color:var(--orange);text-shadow:0 0 8px rgba(255,170,0,.8)}.unit{font-size:11px;color:var(--text-dim);white-space:nowrap}.panel-block__bar-wrap{margin-bottom:8px}.bar-bg{height:3px;background:#00e5ff1a;border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-fill--normal{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.bar-fill--warn,.bar-fill--power{background:var(--orange);box-shadow:0 0 6px var(--orange)}.status-badge{display:inline-block;padding:1px 10px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.1em;pointer-events:auto;cursor:pointer;transition:opacity .2s}.status-badge--on{background:#00ff8826;border:1px solid var(--green);color:var(--green);text-shadow:0 0 6px var(--green);box-shadow:0 0 8px #00ff884d}.status-badge--off{background:#ff3b5c1f;border:1px solid var(--red);color:var(--red);text-shadow:0 0 6px var(--red);box-shadow:0 0 8px #ff3b5c4d}.hud-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:40px;padding:6px 20px;background:#00142899;border-top:var(--border);font-size:11px;color:var(--text-dim);letter-spacing:.08em}.text-ok{color:var(--green);text-shadow:0 0 6px var(--green)}#twin-ui:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,229,255,.015) 3px,rgba(0,229,255,.015) 4px);pointer-events:none;z-index:-1}