.sf-flyer{position:fixed;top:var(--sf-y,20vh);left:0;z-index:24;width:124px;height:92px;padding:0;border:0;background:transparent;cursor:pointer;transform:translate3d(-150px,0,0);animation:sf-cross 4s linear both}.sf-flyer img{width:124px;height:92px;pointer-events:none}.sf-flyer:hover,.sf-flyer:focus-visible{animation-play-state:paused}.sf-flyer.resting{left:var(--sf-x,12vw);transform:none;animation:sf-appear .25s ease-out both}.sf-note-card{position:fixed;margin:0;inset:auto;left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(390px,calc(100vw - 36px));max-height:calc(100svh - 80px);overflow:auto;background:#0b0b08;color:#d8d1bc;border:1px solid #ffd76a55;border-radius:10px;padding:28px;text-align:left;font:14px/1.8 ui-monospace,monospace;box-shadow:0 0 60px #ffd76a0c}.sf-note-card::backdrop{background:#0008}.sf-note-card h2{font-size:19px;font-weight:400;color:#ffd76a;margin:0 0 14px}.sf-note-card p{margin:12px 0 24px}.sf-note-card>a{color:#ffd76a;display:inline-block;padding:10px 0}.sf-note-card .sf-note-close{position:absolute;top:8px;right:8px;font:22px monospace;width:40px;height:40px;color:#bbb;background:none;border:0;cursor:pointer}.sf-note-card img{width:100px;height:68px}.sf-note-card[open]{animation:sf-unfold .18s ease-out}.realm-places .sf-realm{color:#ffd76a;background:radial-gradient(ellipse,#ffd76a12,transparent 70%)}.realm-places .sf-realm img{width:100%;height:100%}@keyframes sf-cross{from{transform:translate3d(-150px,0,0)}to{transform:translate3d(calc(100vw + 150px),0,0)}}@keyframes sf-appear{from{opacity:0}to{opacity:1}}@keyframes sf-unfold{from{opacity:0;transform:translateX(-50%) scale(.96)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.sf-flyer{animation:none;transform:none;left:var(--sf-x,12vw)}.sf-note-card[open]{animation:none}}