/* One persistent invitation, with ripples like a pebble meeting water. */
.radar-invitation{position:fixed;z-index:12;right:1.4%;top:46%;width:180px;display:flex;align-items:center;flex-direction:column;isolation:isolate;padding:6px 6px 12px;text-align:center;text-decoration:none;color:#3374e0;transform:translateY(-20%)}
.radar-invitation:focus-visible{outline:2px solid #3374e0;outline-offset:8px;border-radius:30px}
.radar-invitation-wash{position:absolute;z-index:-2;inset:-60px -65px;background:radial-gradient(ellipse,#fdfbf7f0 0%,#fdfbf7bf 26%,#fdfbf74d 48%,transparent 72%);pointer-events:none}
.radar-ripple-core{display:block;width:88px;height:88px;filter:drop-shadow(0 0 9px #3374e026);transition:transform .4s}
.radar-ripple-core img{display:block;width:100%;height:100%;max-width:none}
.radar-invitation:hover .radar-ripple-core{transform:translateY(-2px)}
.radar-invitation strong{font:650 17px/1.35 Nunito,sans-serif;letter-spacing:-.025em;color:#3374e0;margin-top:7px}
.radar-invitation small{font:400 10px/1.6 Inter,sans-serif;color:#597a8e;margin-top:4px;white-space:nowrap}
.radar-invitation small span{margin-left:3px}
.radar-water-ripples{position:absolute;z-index:-1;pointer-events:none;width:250px;height:250px;left:50%;top:50px;transform:translate(-50%,-50%);overflow:visible}
.radar-water-ring{fill:none;stroke:#8fb8e7;stroke-width:1.3;vector-effect:non-scaling-stroke;transform-origin:100px 100px;animation:radar-water-spread 8.4s cubic-bezier(.18,.38,.38,1) infinite;opacity:0}
.ring-2,.ring-5{stroke:#d6abc2}.ring-3,.ring-6{stroke:#a2c2b0}
.ring-2{animation-delay:-1.4s}.ring-3{animation-delay:-2.8s}.ring-4{animation-delay:-4.2s}.ring-5{animation-delay:-5.6s}.ring-6{animation-delay:-7s}
@keyframes radar-water-spread{0%{transform:scale(.12);opacity:0}10%{opacity:.75}48%{opacity:.44}100%{transform:scale(4.1);opacity:0}}
.no-motion .radar-water-ring{animation:none;opacity:.24;transform:scale(1.35)}
.no-motion .ring-2{transform:scale(2.15)}.no-motion .ring-3{transform:scale(3)}
.no-motion .ring-4,.no-motion .ring-5,.no-motion .ring-6{display:none}
@media(max-width:1000px) and (min-width:701px){.radar-invitation{right:7px;width:150px}.radar-invitation strong{font-size:15px}.radar-invitation small{font-size:9px}.radar-water-ripples{width:210px;height:210px}}
@media(max-width:700px){.radar-invitation{right:8px;top:auto;bottom:17px;transform:none;width:113px;padding:0 3px 3px}.radar-ripple-core{width:56px;height:56px}.radar-invitation strong{font-size:12px;margin-top:3px}.radar-invitation small{display:none}.radar-invitation-wash{inset:-40px -30px}.radar-water-ripples{width:150px;height:150px;top:28px}}
@media(prefers-reduced-motion:reduce){.radar-water-ring{animation:none;opacity:.24;transform:scale(1.35)}.ring-2{transform:scale(2.15)}.ring-3{transform:scale(3)}.ring-4,.ring-5,.ring-6{display:none}.radar-ripple-core{transition:none}}
@media print{.radar-invitation{display:none!important}}

/* Gamze's SG-eight mark: only the inset radar moves. The blue ribbon stays still. */
.radar-ripple-core svg{display:block;width:100%;height:100%;overflow:visible}
.radar-sg-band{transform-origin:730px 463px;animation:radar-inset-flow 6.8s ease-in-out infinite}
.radar-sg-band-2{animation-delay:-1.3s}.radar-sg-band-3{animation-delay:-2.6s}.radar-sg-band-4{animation-delay:-3.9s}
.radar-sg-needle{transform-origin:730px 463px;animation:radar-inset-scan 7.6s ease-in-out infinite}
@keyframes radar-inset-flow{0%,100%{transform:translate(-6px,10px) rotate(-1deg);opacity:.88}50%{transform:translate(8px,-14px) rotate(1.5deg);opacity:1}}
@keyframes radar-inset-scan{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(11deg)}}
.no-motion .radar-sg-band,.no-motion .radar-sg-needle{animation:none;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.radar-sg-band,.radar-sg-needle{animation:none;transform:none;opacity:1}}

/* Supporting pages keep a quieter invitation; reading pages use a compact corner mark. */
.radar-invitation--quiet{width:146px;right:10px}
.radar-invitation--quiet .radar-ripple-core{width:70px;height:70px}
.radar-invitation--quiet strong{font-size:14px}
.radar-invitation--quiet small{font-size:9px}
.radar-invitation--quiet .radar-water-ripples{width:210px;height:210px;top:41px;opacity:.55}
.radar-invitation--quiet .radar-water-ring{animation-duration:14.4s}
.radar-invitation--quiet .ring-2{animation-delay:-2.4s}.radar-invitation--quiet .ring-3{animation-delay:-4.8s}
.radar-invitation--quiet .ring-4{animation-delay:-7.2s}.radar-invitation--quiet .ring-5{animation-delay:-9.6s}.radar-invitation--quiet .ring-6{animation-delay:-12s}
.radar-invitation--reading{width:94px;right:12px;top:auto;bottom:16px;transform:none;padding:4px}
.radar-invitation--reading .radar-ripple-core{width:52px;height:52px}
.radar-invitation--reading strong{font-size:12px;margin-top:1px}
.radar-invitation--reading small{display:none}
.radar-invitation--reading .radar-invitation-wash{inset:-12px;background:radial-gradient(ellipse,#fdfbf7d9,transparent 72%)}
.radar-invitation--reading .radar-water-ripples{width:132px;height:132px;top:30px;opacity:.3}
.radar-invitation--reading .radar-water-ring{animation-duration:14.4s}
.radar-invitation--reading .ring-2{animation-delay:-4.8s}.radar-invitation--reading .ring-3{animation-delay:-9.6s}
.radar-invitation--reading .ring-4,.radar-invitation--reading .ring-5,.radar-invitation--reading .ring-6{display:none}
@media(max-width:700px){
 .radar-invitation--quiet{width:104px;bottom:16px;right:6px}
 .radar-invitation--quiet .radar-ripple-core{width:48px;height:48px}
 .radar-invitation--quiet strong{font-size:11px}
 .radar-invitation--quiet .radar-water-ripples{width:150px;height:150px;top:25px}
 .radar-invitation--reading{width:48px;right:5px;bottom:10px}
 .radar-invitation--reading .radar-ripple-core{width:40px;height:40px}
 .radar-invitation--reading strong{display:none}
 .radar-invitation--reading .radar-water-ripples{width:96px;height:96px;top:24px;opacity:.2}
}