/* Steve Rich FX — PAUL (HAL optic) ForeXistenZ concierge. sr-paul-v1. Scoped to #rxpaul. */
#rxpaul{position:relative;padding:6px 0 30px;text-align:center;max-width:760px;margin:0 auto}
#rxpaul .rxp-hud{position:relative;max-width:760px;margin:0 auto;padding:34px 22px 30px;
  background:linear-gradient(160deg,rgba(255,170,0,.10),rgba(20,16,0,.78) 55%,rgba(255,214,0,.06));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:inset 0 0 0 1px rgba(255,214,0,.38),0 0 60px rgba(255,170,0,.12)}
#rxpaul .rxp-hud::before,#rxpaul .rxp-hud::after{content:'';position:absolute;width:26px;height:26px;border:2px solid #FFE000;pointer-events:none;filter:drop-shadow(0 0 6px #FFE000)}
#rxpaul .rxp-hud::before{left:8px;top:8px;border-right:0;border-bottom:0}
#rxpaul .rxp-hud::after{right:8px;bottom:8px;border-left:0;border-top:0}
#rxpaul .rxp-tel{display:flex;justify-content:space-between;gap:10px;font-family:var(--fm,monospace);font-size:10px;letter-spacing:.22em;color:rgba(233,223,180,.62);text-transform:uppercase}
#rxpaul .rxp-tel b{color:#FFE000;font-weight:400}
#rxpaul .rxp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3DFF9A;box-shadow:0 0 10px #3DFF9A;margin-right:7px;vertical-align:1px;animation:rxpBlink 1.6s steps(2) infinite}
@keyframes rxpBlink{50%{opacity:.25}}
#rxpaul .rxp-stage{position:relative;width:min(250px,58vw);aspect-ratio:1;margin:56px auto 58px}
#rxpaul .rxp-stage::before{content:'';position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(255,40,10,.22),rgba(255,59,59,.14) 45%,transparent 68%);animation:rxpBr 4s ease-in-out infinite}
@keyframes rxpBr{50%{transform:scale(1.07);opacity:.8}}
#rxpaul .rxp-stage canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:2;display:block}
#rxpaul .rxp-ret{position:absolute;inset:-22%;width:144%;height:144%;z-index:1;pointer-events:none;overflow:visible}
#rxpaul .rxp-ret .r1{transform-origin:50% 50%;animation:rxpSpin 40s linear infinite}
#rxpaul .rxp-ret .r2{transform-origin:50% 50%;animation:rxpSpin 18s linear infinite reverse}
#rxpaul .rxp-ret .r3{transform-origin:50% 50%;animation:rxpSpin 9s linear infinite}
@keyframes rxpSpin{to{transform:rotate(360deg)}}
#rxpaul .rxp-name{font-family:var(--fo,Orbitron,sans-serif);font-weight:900;font-size:clamp(1.9rem,8vw,2.8rem);letter-spacing:.42em;margin-right:-.42em;color:#FFFBEA;text-shadow:0 0 26px rgba(255,214,0,.55)}
#rxpaul .rxp-role{font-family:var(--fm,monospace);font-size:11px;letter-spacing:.26em;color:#FFE000;text-transform:uppercase;margin:6px 0 20px}
#rxpaul .rxp-bub{position:relative;margin:0 auto 16px;padding:16px 18px;max-width:560px;text-align:left;font-family:var(--fb,sans-serif);font-size:1.04rem;line-height:1.62;color:#FFFBEA;
  background:linear-gradient(160deg,rgba(255,214,0,.09),rgba(10,8,0,.86));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px rgba(255,214,0,.32)}
#rxpaul .rxp-bub::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#FFE000;box-shadow:0 0 12px #FFE000}
#rxpaul .rxp-bub .q{font-family:var(--fm,monospace);font-size:.8rem;color:rgba(233,223,180,.6);margin-bottom:7px}
#rxpaul .rxp-wait{display:inline-flex;gap:6px}#rxpaul .rxp-wait i{width:7px;height:7px;background:#FFE000;box-shadow:0 0 8px #FFE000;animation:rxpW 1s infinite}
#rxpaul .rxp-wait i:nth-child(2){animation-delay:.15s}#rxpaul .rxp-wait i:nth-child(3){animation-delay:.3s}@keyframes rxpW{50%{opacity:.2}}
#rxpaul .rxp-lvl{display:flex;gap:4px;align-items:center;justify-content:center;height:40px;margin:2px auto 10px}
#rxpaul .rxp-lvl i{width:5px;height:5px;background:#FFE000;box-shadow:0 0 8px #FFE000;transition:height .08s}
#rxpaul .rxp-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#rxpaul .rxp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:220px;padding:0 24px;border:0;cursor:pointer;text-decoration:none;
  font-family:var(--fo,Orbitron,sans-serif);font-weight:900;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#120E00;
  background:linear-gradient(135deg,#FFF6A8,#FFE000 35%,#FFA800);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 30px rgba(255,214,0,.5);transition:filter .15s,transform .15s}
#rxpaul .rxp-btn:hover{filter:brightness(1.12)}#rxpaul .rxp-btn:active{transform:scale(.98)}#rxpaul .rxp-btn[disabled]{opacity:.6;cursor:wait}
#rxpaul .rxp-btn.rec{background:linear-gradient(180deg,#FF6A5A,#FF2A1A);color:#fff;box-shadow:0 0 26px rgba(255,42,26,.55)}
#rxpaul .rxp-btn.lime{background:linear-gradient(180deg,#F2FF9A,#3DFF9A 50%,#9BD600);color:#1A0507;box-shadow:0 0 30px rgba(255,59,59,.4);animation:rxpPop .35s ease-out}
@keyframes rxpPop{from{transform:scale(.92);opacity:0}}
#rxpaul .rxp-type{display:flex;gap:8px;max-width:560px;margin:14px auto 0}
#rxpaul .rxp-type input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:0;outline:0;font-family:var(--fb,sans-serif);font-size:16px;color:#FFFBEA;background:rgba(10,8,0,.8);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:inset 0 0 0 1px rgba(255,214,0,.3)}
#rxpaul .rxp-type input:focus{box-shadow:inset 0 0 0 1px #FFE000}
#rxpaul .rxp-type button{min-width:46px;min-height:46px;border:0;cursor:pointer;color:#FFE000;background:rgba(255,214,0,.08);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:inset 0 0 0 1px rgba(255,214,0,.45);font-size:18px}
#rxpaul .rxp-note{margin-top:16px;font-family:var(--fm,monospace);font-size:9.5px;letter-spacing:.16em;color:rgba(233,223,180,.45);text-transform:uppercase}
#rxpaul .rxp-toast{min-height:1.2em;margin-top:8px;font-family:var(--fm,monospace);font-size:11px;color:#FFC94A;letter-spacing:.08em}
@media (max-width:560px){#rxpaul{padding:4px 0 24px}#rxpaul .rxp-hud{padding:26px 14px 24px}#rxpaul .rxp-tel{font-size:8.5px;letter-spacing:.14em}#rxpaul .rxp-btn{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){#rxpaul .rxp-ret g,#rxpaul .rxp-stage::before{animation:none!important}}
#rxpaul [hidden]{display:none!important}

#rxpaul .rxp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 16px;max-width:600px}
#rxpaul .rxp-chips button{font-family:var(--fb);font-size:13px;color:#FFFBEA;background:rgba(255,214,0,.08);border:0;cursor:pointer;padding:9px 14px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:inset 0 0 0 1px rgba(255,214,0,.4);transition:box-shadow .15s}
#rxpaul .rxp-chips button:hover{box-shadow:inset 0 0 0 1px #FFE000,0 0 16px rgba(255,214,0,.4)}
