/* bh rack v3 - palette/ticker/rail/fader/hud/vfd/power */
.bh-rail{position:fixed;left:0;right:0;bottom:0;z-index:99998;display:flex;align-items:center;gap:14px;height:34px;padding:0 12px;background:#0d1015;border-top:1px solid #262c36;color:#8fa3b8;font:12px/1 var(--mono,"JetBrains Mono",monospace);letter-spacing:.03em}
.bh-rail button{background:none;border:0;color:#8fa3b8;cursor:pointer;font:inherit;padding:0}
.bh-pwr{color:#00d2ff;font-size:14px}
.bh-pwr:hover{color:#fff}
.bh-vfd{color:#00d2ff;text-shadow:0 0 6px rgba(0,210,255,.55);min-width:118px;white-space:nowrap}
.bh-tick{flex:1;overflow:hidden;white-space:nowrap;opacity:.9}
.bh-tick-in{display:inline-block;padding-left:100%}
.bh-tick-in.run{animation:bh-scroll 32s linear infinite}
@keyframes bh-scroll{to{transform:translateX(-100%)}}
.bh-pos{min-width:130px;text-align:right}
.bh-hud{min-width:150px;text-align:right;color:#6b7a8d}
.bh-k{position:fixed;inset:0;z-index:99999;background:rgba(5,8,12,.72);display:none;align-items:flex-start;justify-content:center;padding-top:14vh}
.bh-k.open{display:flex}
.bh-k-box{width:min(560px,90vw);background:#0d1015;border:1px solid #2c3542;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.6);overflow:hidden}
.bh-k-in{width:100%;box-sizing:border-box;background:transparent;border:0;outline:0;color:#e6edf3;font:15px var(--mono,"JetBrains Mono",monospace);padding:14px 16px;border-bottom:1px solid #232b36}
.bh-k-in::placeholder{color:#55606e}
.bh-k-list{list-style:none;margin:0;padding:6px 0;max-height:46vh;overflow:auto}
.bh-k-list li{padding:9px 16px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:#c6d2de;font:13px var(--mono,"JetBrains Mono",monospace)}
.bh-k-list li small{color:#55606e}
.bh-k-list li.sel{background:#182430;color:#fff}
.bh-crt{position:fixed;inset:0;z-index:100000;background:#000;pointer-events:none;transform:scaleY(0);transform-origin:center;opacity:0}
.bh-crt.on{animation:bh-crt .42s ease-in forwards}
@keyframes bh-crt{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}70%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.004);opacity:1}}
body.bh-shake{animation:bh-shake .5s}
@keyframes bh-shake{0%,100%{transform:none}20%{transform:translate(-8px,3px)}40%{transform:translate(7px,-4px)}60%{transform:translate(-5px,2px)}80%{transform:translate(4px,-2px)}}
.bh-toast{position:fixed;left:50%;bottom:56px;transform:translateX(-50%);z-index:100001;background:#0d1015;border:1px solid #00d2ff;color:#00d2ff;font:13px var(--mono,"JetBrains Mono",monospace);padding:10px 18px;border-radius:6px}
body.bh-rail-on{padding-bottom:34px}
@media (max-width:720px){.bh-hud,.bh-pos{display:none}}.chat{bottom:calc(50px + env(safe-area-inset-bottom,0px))!important}

/* bh CRT power cycle (bhcrt1) */
html.bh-shut{background:#000}
html.bh-shut body{animation:bhCrtOff .5s cubic-bezier(.7,0,.9,.3) forwards;transform-origin:50vw 50vh}
html.bh-boot body{animation:bhCrtOn .65s cubic-bezier(.2,.8,.3,1) forwards;transform-origin:50vw 50vh}
@keyframes bhCrtOff{0%{transform:none;filter:none}55%{transform:scaleY(.006);filter:brightness(3)}85%{transform:scaleY(.006) scaleX(.002);filter:brightness(6)}100%{transform:scale(.0001);opacity:0}}
@keyframes bhCrtOn{0%{transform:scale(.0001);opacity:0;filter:brightness(6)}25%{transform:scaleY(.006) scaleX(1);opacity:1;filter:brightness(3)}60%{transform:scaleY(1.02);filter:brightness(1.3)}100%{transform:none;filter:none}}

/* bh ticker dock (bhdock1) */
.bh-tk{cursor:pointer}
.bh-tk:hover{color:#fff;text-shadow:0 0 8px rgba(0,210,255,.8)}
.bh-dock{position:fixed;left:0;right:0;bottom:34px;height:100px;z-index:99997;background:#0d1015;border-top:1px solid rgba(0,210,255,.5);box-shadow:0 -8px 30px rgba(0,0,0,.55);display:flex;align-items:center;gap:16px;padding:0 18px;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.3,1);pointer-events:none}
.bh-dock.open{transform:none;pointer-events:auto}
.bh-dock-img{width:76px;height:76px;border-radius:10px;object-fit:cover;border:1px solid #2b2f39;background:#1d2027;flex:none}
.bh-dock-date{color:#e9edf1;font-size:14px;margin-bottom:4px}
.bh-dock-link{color:#00d2ff;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(0,210,255,.4)}
.bh-dock-link:hover{color:#fff;border-color:#fff}
