/* ===== RICHTVX SKYNET HUD v2 — cybernetic glass command layer over the reel ===== */
:root{--hr:#FF2A4A;--hr2:#E51B38;--hg:rgba(255,42,74,.55);--glassb:rgba(18,6,12,.42)}
.hud-hex{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0L56 16v32L28 64 0 48V16zM28 64l28 16v17M28 64L0 80v17' fill='none' stroke='%23ff2a4a' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px;mask-image:radial-gradient(ellipse at center,transparent 35%,#000 85%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 35%,#000 85%)}
.hud-sweep{position:fixed;inset:0;z-index:41;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(255,42,74,.10) 48%,rgba(255,42,74,.22) 50%,transparent 52%);background-size:100% 220%;animation:hsweep 6s linear infinite;mix-blend-mode:screen}
@keyframes hsweep{0%{background-position:0 120%}100%{background-position:0 -120%}}
.hud-frame{position:fixed;inset:calc(var(--cls,18px) + 58px) 8px calc(56px + env(safe-area-inset-bottom)) 8px;z-index:42;pointer-events:none}
.hud-frame i{position:absolute;width:26px;height:26px;border:2px solid var(--hr);filter:drop-shadow(0 0 6px var(--hg))}
.hud-frame .c1{left:0;top:0;border-right:0;border-bottom:0}.hud-frame .c2{right:0;top:0;border-left:0;border-bottom:0}.hud-frame .c3{left:0;bottom:0;border-right:0;border-top:0}.hud-frame .c4{right:0;bottom:0;border-left:0;border-top:0}
.hud-frame b{position:absolute;font:400 9px/1 "Share Tech Mono",ui-monospace,monospace;letter-spacing:.22em;color:#FF8A9A;text-shadow:0 0 6px rgba(255,42,74,.8);white-space:nowrap}
.hud-frame .t1{left:34px;top:-1px}.hud-frame .t2{right:34px;top:-1px}.hud-frame .t3{left:34px;bottom:-1px}.hud-frame .t4{right:34px;bottom:-1px}
.hud-rail{position:fixed;right:4px;top:50%;transform:translateY(-50%);z-index:43;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.hud-rail i{display:block;width:3px;height:14px;border-radius:2px;background:rgba(255,255,255,.18);transition:all .3s}.hud-rail i.on{height:30px;background:var(--hr);box-shadow:0 0 10px var(--hr)}
/* glass dossier panel */
.rtvx-reel .s .b{background:linear-gradient(160deg,rgba(40,8,18,.55),rgba(10,3,7,.62))!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,42,74,.45)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 40px -6px rgba(255,42,74,.55),0 30px 60px -30px #000!important;border-radius:4px}
.rtvx-reel .s .b::before{content:"";position:absolute;left:-1px;top:-1px;width:42px;height:42px;border-left:3px solid var(--hr);border-top:3px solid var(--hr);filter:drop-shadow(0 0 6px var(--hr));pointer-events:none}
.rtvx-reel .s .b::after{content:"";position:absolute;right:-1px;bottom:-1px;width:42px;height:42px;border-right:3px solid var(--hr);border-bottom:3px solid var(--hr);filter:drop-shadow(0 0 6px var(--hr));pointer-events:none}
.rtvx-reel .s .b h2{text-shadow:0 0 18px rgba(255,42,74,.45),0 2px 0 rgba(0,0,0,.6)}
.rx-data{display:flex;flex-wrap:wrap;gap:4px 10px;margin:8px 0 10px;font:400 9.5px/1.3 "Share Tech Mono",ui-monospace,monospace;letter-spacing:.18em;color:#FFB3BE}
.rx-data span{padding:3px 6px;background:rgba(255,42,74,.10);border:1px solid rgba(255,42,74,.28)}.rx-data .ok{color:#7CFFB2;border-color:rgba(124,255,178,.35);background:rgba(124,255,178,.07)}
.rx-bar{height:3px;margin:0 0 10px;background:rgba(255,255,255,.08);overflow:hidden}.rx-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#E51B38,#FF8A9A);box-shadow:0 0 10px #FF2A4A;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.s.on .rx-bar i{width:var(--sig,92%)}
/* target lock on the picture */
.rtvx-reel .s .lock{position:absolute;left:50%;top:38%;width:min(46vw,260px);aspect-ratio:1;transform:translate(-50%,-50%) scale(1.25);opacity:0;pointer-events:none;transition:all .8s cubic-bezier(.2,.8,.2,1);z-index:1}
.rtvx-reel .s.on .lock{opacity:.85;transform:translate(-50%,-50%) scale(1)}
.lock svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #FF2A4A)}.lock .rot{transform-origin:50% 50%;animation:lrot 9s linear infinite}@keyframes lrot{to{transform:rotate(360deg)}}
.lock em{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:6px;text-align:center;font:400 9px/1.5 "Share Tech Mono",monospace;letter-spacing:.18em;color:#FF8A9A;white-space:nowrap;font-style:normal}
/* full-bleed pictures, sharper */
.rtvx-reel .s .bg{object-fit:cover!important;filter:saturate(1.15) contrast(1.06)}
.rtvx-reel .intro .ibg{background:url(/assets/branding/richtvx-skynet-01-1080x1920.jpg) center 42%/cover no-repeat!important;filter:brightness(.78) saturate(1.15)!important}
@media (min-width:900px){.rtvx-reel .intro .ibg{background-image:url(/assets/branding/rtvx-bg-wide.jpg)!important;background-position:center!important}}
.rtvx-reel .outro .ibg{background:url(/assets/branding/richtvx-channel-art-02.jpg) center/cover no-repeat!important}
/* boot sequence */
.rboot{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2a0710 0,#0b0306 70%);color:#FF8A9A;font:400 12px/1.7 "Share Tech Mono",ui-monospace,monospace;letter-spacing:.14em;transition:opacity .5s}
.rboot.out{opacity:0;pointer-events:none}.rboot pre{margin:0;white-space:pre-wrap;max-width:min(92vw,560px);text-shadow:0 0 8px rgba(255,42,74,.7)}.rboot pre b{color:#fff}.rboot pre i{color:#7CFFB2;font-style:normal}
.rboot .bl{position:absolute;top:calc(env(safe-area-inset-top) + 18%);left:0;right:0;text-align:center;font:900 clamp(30px,9vw,64px)/1 Orbitron,system-ui,sans-serif;letter-spacing:.08em;color:#fff}.rboot .bl span{color:#FF2A4A}
.rboot button{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 24px);left:50%;transform:translateX(-50%);padding:10px 18px;border:1px solid rgba(255,42,74,.5);background:none;color:#FF8A9A;font:400 11px "Share Tech Mono",monospace;letter-spacing:.2em;cursor:pointer}
/* TV in the reel */
.k-tv .tvp{margin:12px 0}.tvsel.on{background:#E51B38!important}
@media (prefers-reduced-motion:reduce){.hud-sweep,.lock .rot{animation:none}.rx-bar i{transition:none}}
@media (max-height:700px){.rx-data{display:none}}

@media (max-width:700px){.hud-frame .t3,.hud-frame .t4{display:none}.hud-frame .t1{font-size:8px;letter-spacing:.16em}.hud-frame{bottom:auto;height:30px}.hud-frame .c3,.hud-frame .c4{display:none}}
.rtvx-reel .s>.hud{display:none}
@media (min-width:701px){.hud-frame .t4{right:96px}.hud-frame .t2{right:40px}}
/* RTVX-BG-2 >>> */
.rtvx-reel .intro .ibg{background:url(/assets/branding/rtvx-bg-tall.jpg) center 38%/cover no-repeat!important;filter:brightness(.82) saturate(1.15)!important}
@media (min-width:900px){.rtvx-reel .intro .ibg{background:url(/assets/branding/rtvx-bg-tall.jpg) center/contain no-repeat,linear-gradient(rgba(6,0,12,.74),rgba(6,0,12,.74)),url(/assets/branding/rtvx-bg-tall.jpg) center/cover no-repeat!important}}
/* <<< RTVX-BG-2 */
/* RTVX-SKYNET-LOGO >>> */
.rtvx-reel .intro .ibg{filter:brightness(.9) saturate(1.1)!important}
.rtvx-reel .intro .ibg::before{content:''!important;position:absolute;inset:0;z-index:1;mix-blend-mode:normal!important;background:radial-gradient(70% 34% at 50% 50%,rgba(4,1,9,.86) 0,rgba(4,1,9,.62) 55%,rgba(4,1,9,0) 100%)!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:radial-gradient(75% 40% at 50% 50%,#000 45%,transparent 100%);mask:radial-gradient(75% 40% at 50% 50%,#000 45%,transparent 100%)}
.rtvx-reel .intro .logo{font-family:Orbitron,var(--fd);font-weight:900;font-size:clamp(2.3rem,min(13.5vw,8svh),5.6rem);letter-spacing:.06em;line-height:1;white-space:nowrap;text-shadow:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 16px rgba(170,200,255,.25));background:linear-gradient(180deg,#fff 0,#eef3f8 30%,#9aa6b4 47%,#3b4350 52%,#c9d2dc 64%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18)}
.rtvx-reel .intro .logo span{display:inline;letter-spacing:.06em;margin-left:.08em;text-shadow:none;background:linear-gradient(180deg,#ffd0d6 0,#ff4a5f 30%,#d3102c 47%,#5a0010 52%,#ff2a44 64%,#ffb8c1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(255,30,60,.55))}
.rtvx-reel .intro .logo::before,.rtvx-reel .intro .logo::after{-webkit-text-fill-color:currentColor}
.rtvx-reel .intro h1.logo{position:relative;padding:.18em 0}
.rtvx-reel .intro .slkick{color:#ff4a5f;text-shadow:0 0 10px rgba(255,40,70,.6),0 1px 0 #000}
/* <<< RTVX-SKYNET-LOGO */
/* RTVX-NET-BREAKING >>> */
.rtvx-reel .k-brk .bg{object-fit:cover;filter:brightness(.42) saturate(1.2)}
.rtvx-reel .k-brk .b{max-height:calc(100% - 120px);overflow:auto;scrollbar-width:none}
.rtvx-reel .k-brk .b::-webkit-scrollbar{display:none}
.rtvx-reel .k-brk h2{font-size:clamp(1.25rem,5.4vw,2.1rem);line-height:1.15}
.rtvx-reel .k-brk .brk{animation:rtvxbk 1s steps(2) infinite}
@keyframes rtvxbk{50%{opacity:.35}}
.rtvx-reel .nbx{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid rgba(255,42,74,.35)}
.rtvx-reel .nbx li{border-bottom:1px solid rgba(255,42,74,.18)}
.rtvx-reel .nbx a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 2px;color:#fff;text-decoration:none}
.rtvx-reel .nbx span{grid-row:span 2;align-self:start;font:700 .58rem/1.5 'Share Tech Mono',monospace;letter-spacing:.14em;color:#ff4a5f;border:1px solid rgba(255,42,74,.55);padding:2px 6px;white-space:nowrap}
.rtvx-reel .nbx b{font:600 .9rem/1.3 'Chakra Petch',sans-serif}
.rtvx-reel .nbx i{font:400 .62rem/1.2 'Share Tech Mono',monospace;letter-spacing:.12em;color:rgba(255,255,255,.55);font-style:normal}
.rtvx-reel .nbx a:hover b{color:#ff4a5f}
.rtvx-reel .nbu{margin:10px 0 0;font:400 .6rem/1.3 'Share Tech Mono',monospace;letter-spacing:.16em;color:rgba(255,255,255,.5)}
@media (min-width:900px){.rtvx-reel .k-brk .bg{object-fit:contain;background:#07020c}}
/* <<< RTVX-NET-BREAKING */
/* RTVX-OPENING >>> */
/* the opening: one calm, centred sequence */
.rboot{z-index:2147483646!important;background:radial-gradient(circle at 50% 44%,#2c0812 0,#0a0305 62%,#050103 100%)!important;cursor:pointer;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease!important}
.rboot.out{opacity:0;transform:scale(1.08);filter:blur(6px);pointer-events:none}
.rboot .bin{display:flex;flex-direction:column;align-items:center;width:min(420px,84vw)}
.rboot .bin img{width:104px;height:104px;border-radius:24px;opacity:0;transform:scale(.86);filter:drop-shadow(0 0 0 rgba(255,42,74,0));transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.4s ease}
.rboot.go .bin img{opacity:1;transform:none;filter:drop-shadow(0 0 30px rgba(255,42,74,.6))}
.rboot .bw{margin-top:22px;font:900 1.25rem/1 Orbitron,system-ui,sans-serif;letter-spacing:.34em;padding-left:.34em;opacity:0;transition:opacity .8s ease .35s;
  background:linear-gradient(180deg,#fff 0,#e9eef4 35%,#8c97a5 50%,#d5dce4 65%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rboot .bw span{background:linear-gradient(180deg,#ffc2ca 0,#ff3a52 40%,#a3001b 52%,#ff3a52 66%,#ffb8c1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rboot.go .bw{opacity:1}
.rboot .bbar{margin-top:26px;width:min(220px,56vw);height:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px;opacity:0;transition:opacity .6s ease .5s}
.rboot .bbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff2a4a,#ff8a9a);box-shadow:0 0 12px #ff2a4a;transition:width 3.1s cubic-bezier(.4,.1,.3,1) .6s}
.rboot.go .bbar{opacity:1}.rboot.go .bbar i{width:100%}
.rboot .bst{margin:16px 0 0;height:1.4em;font:400 .66rem/1.4 "Share Tech Mono",ui-monospace,monospace;letter-spacing:.26em;color:rgba(255,170,182,.85);text-align:center;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.rboot .bst.in{opacity:1;transform:none}
.rboot pre,.rboot .bl,.rboot button{display:none!important}
/* the front screen: one clear order - eye, line, name, promise, actions */
.rtvx-reel .intro .rain,.rtvx-reel .intro .slog,.rtvx-reel .intro .stat{display:none!important}
.rtvx-reel .intro .ib{justify-content:center;gap:0}
.rtvx-reel .intro .eye-stage{width:min(44vw,190px,19svh);margin:0 auto 18px}
.rtvx-reel .intro .slkick{margin:0 0 10px;font-size:.66rem;letter-spacing:.34em}
.rtvx-reel .intro .slh{margin:14px auto 0;font-size:clamp(.8rem,3.4vw,1.25rem);line-height:1.35}
.rtvx-reel .intro .ia{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px;width:min(340px,86vw)}
.rtvx-reel .intro .ia .paul-all{width:100%;justify-content:center;margin:0}
.rtvx-reel .intro .ia2{display:flex;gap:12px;width:100%}
.rtvx-reel .intro .ia2>*{flex:1 1 0;margin:0!important;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;box-sizing:border-box}
.rtvx-reel .intro .ia2>[hidden]{display:none!important}
.rtvx-reel .intro .swipe{margin:26px 0 0}
/* the reveal after the opening, one element after the other */
.ia-on .rtvx-reel .intro .ib>*{opacity:0;transform:translateY(16px)}
.ia-on.intro-in .rtvx-reel .intro .ib>*{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ia-on.intro-in .rtvx-reel .intro .ib>:nth-child(2){transition-delay:.15s}
.ia-on.intro-in .rtvx-reel .intro .ib>:nth-child(3){transition-delay:.28s}
.ia-on.intro-in .rtvx-reel .intro .ib>:nth-child(4){transition-delay:.42s}
.ia-on.intro-in .rtvx-reel .intro .ib>:nth-child(5){transition-delay:.58s}
.ia-on.intro-in .rtvx-reel .intro .ib>:nth-child(6){transition-delay:.8s}
@media (prefers-reduced-motion:reduce){.ia-on .rtvx-reel .intro .ib>*{opacity:1;transform:none}.rboot,.rboot *{transition:none!important}}
/* painted from the first frame on a first visit only; never stays if a script fails */
#rboot{display:none!important}
html.rb-first #rboot{display:flex!important;clip-path:none!important;animation:rbsafe .8s ease 7.5s forwards}
@keyframes rbsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.ia-on:not(.intro-in) .rtvx-reel .intro .ib>*{animation:rvsafe .6s ease 8.5s forwards}
@keyframes rvsafe{to{opacity:1;transform:none}}
/* <<< RTVX-OPENING */