.rh-wrap{margin:14px 10px 10px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;perspective:900px}
@media(min-width:800px){.rh-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.rh{min-width:0}.rh-t{overflow-wrap:anywhere}
.rh{position:relative;padding-top:26px}
.rh-beam{position:absolute;left:50%;top:0;width:70%;height:30px;transform:translateX(-50%);background:linear-gradient(to top,rgba(0,229,255,.28),transparent);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(1px);animation:rhF 3s ease-in-out infinite}
.rh-beam:before{content:"";position:absolute;left:50%;top:-3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#bff;box-shadow:0 0 12px #0ff}
.rh-p{display:block;position:relative;overflow:hidden;text-decoration:none;color:#dff;padding:10px 12px 9px;border:1px solid rgba(0,229,255,.6);border-radius:6px;background:linear-gradient(180deg,rgba(0,40,60,.55),rgba(0,10,25,.75));box-shadow:0 0 18px rgba(0,229,255,.25),inset 0 0 22px rgba(0,229,255,.12);transform:rotateX(14deg);transform-origin:50% 0;animation:rhB 4s ease-in-out infinite;font:12px/1.35 ui-monospace,Menlo,Consolas,monospace}
.rh-p:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,229,255,.07) 0 1px,transparent 1px 3px);pointer-events:none}
.rh-p:before{content:"";position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(transparent,rgba(0,229,255,.12),transparent);animation:rhS 3.2s linear infinite;pointer-events:none}
.rh-s .rh-p{border-color:rgba(220,230,255,.6);box-shadow:0 0 18px rgba(200,215,255,.22),inset 0 0 22px rgba(200,215,255,.1)}
.rh-s .rh-beam{background:linear-gradient(to top,rgba(210,225,255,.25),transparent)}
.rh-r{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#0ff;margin-bottom:5px}.rh-s .rh-r{color:#e8eeff}
.rh-t{display:block;min-height:2.7em;font-size:13px;color:#fff;text-shadow:0 0 6px rgba(0,229,255,.6)}
.rh-t:after{content:"▌";color:#0ff;animation:rhC .8s steps(1) infinite}
.rh-i{display:block;font-size:10px;color:#8ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.rh-d{display:block;font-size:10px;opacity:.6;margin-top:2px}
@keyframes rhF{50%{opacity:.6}}@keyframes rhB{50%{transform:rotateX(14deg) translateY(-3px)}}@keyframes rhS{to{top:130%}}@keyframes rhC{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rh-p,.rh-beam,.rh-p:before,.rh-t:after{animation:none}}