.obp-ghost{position:fixed;left:0;top:22vh;z-index:99990;display:flex;align-items:center;gap:0;pointer-events:none;will-change:transform;transform:translateX(-100%);animation:obpGhostFly 8s linear forwards}
.obp-ghost__inner{display:flex;align-items:center;animation:obpGhostBob 1.4s ease-in-out infinite;pointer-events:auto;cursor:pointer}
.obp-ghost__banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 22px 10px 18px;background:#f29f05;color:#1a1a1a;border-radius:6px 2px 2px 6px;box-shadow:0 6px 18px rgba(0,0,0,.28);font:900 22px/1.05 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;animation:obpGhostWave 1.1s ease-in-out infinite;transform-origin:right center}
.obp-ghost__banner small{display:block;font:800 12.5px/1.1 system-ui,sans-serif;letter-spacing:.2px;margin-top:3px;color:#3b2500}
.obp-ghost__banner:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:14px;background:#d98a00;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,60% 50%)}
.obp-ghost__rope{width:46px;height:2px;background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 8px);opacity:.9}
.obp-ghost svg{width:124px;height:142px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.obp-ghost__x{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:#0b2d4e;color:#fff;font:700 13px/22px system-ui;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.4)}
@keyframes obpGhostDim{0%{opacity:0}12%{opacity:1}30%{opacity:.55}100%{opacity:0}}
@keyframes obpGhostGlow{0%,100%{filter:drop-shadow(0 0 2px #7CFF4F)}50%{filter:drop-shadow(0 0 7px #7CFF4F)}}
.obp-ghost-dim{position:fixed;inset:0;z-index:99989;pointer-events:none;background:radial-gradient(ellipse at center,rgba(20,0,40,.15) 0%,rgba(10,0,20,.72) 100%);animation:obpGhostDim 3.2s ease-out forwards}
.obp-ghost__eye{animation:obpGhostGlow .9s ease-in-out infinite}
@keyframes obpGhostFly{0%{transform:translateX(-100%)}100%{transform:translateX(100vw)}}
@keyframes obpGhostBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}
@keyframes obpGhostWave{0%,100%{transform:skewY(0)}50%{transform:skewY(-2.5deg)}}
@media (max-width:640px){.obp-ghost{top:28vh;animation-duration:7s}.obp-ghost__banner{font-size:16px;padding:8px 14px 8px 12px}.obp-ghost__banner small{font-size:10.5px}.obp-ghost svg{width:84px;height:96px}.obp-ghost__rope{width:26px}}
@media (prefers-reduced-motion:reduce){.obp-ghost-dim{display:none}.obp-ghost{animation:none;transform:none;left:50%;top:30vh;margin-left:-180px}.obp-ghost__inner,.obp-ghost__banner{animation:none}}