.hp-blutfang{position:fixed;inset:0;z-index:1100;overflow:hidden;pointer-events:none;isolation:isolate}
.hp-blutfang-sprite{--blutfang-size:min(32vw,38vh,340px);position:absolute;top:50%;left:calc(-1 * var(--blutfang-size));width:var(--blutfang-size);height:var(--blutfang-size);transform:translateY(-50%);background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 7px 9px #0008);animation:hp-blutfang-cross 11s linear both;pointer-events:auto;cursor:pointer;user-select:none}
.hp-blutfang-close{position:absolute;right:16px;top:16px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ddd;border-radius:9px;background:#101015ed;color:white;font:bold 26px/1 system-ui,sans-serif;pointer-events:auto;cursor:pointer}
.hp-blutfang-close:focus-visible{outline:3px solid #ffd94a;outline-offset:3px}
@keyframes hp-blutfang-cross{0%{opacity:0;left:calc(-1 * var(--blutfang-size))}5%{opacity:1}36%,64%{opacity:1;left:calc(50% - var(--blutfang-size)/2)}96%{opacity:1}100%{opacity:0;left:100%}}
.hp-blutfang.is-reduced .hp-blutfang-sprite{left:calc(50% - var(--blutfang-size)/2);animation:none;opacity:1}
.blutfang-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:12px 0}
.blutfang-settings{margin:20px 0;padding:16px;border:1px solid currentColor;border-radius:12px}
@media(max-width:650px){.hp-blutfang-sprite{--blutfang-size:min(46vw,36vh,260px)}.hp-blutfang-close{right:8px;top:8px}.blutfang-event-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hp-blutfang-sprite{left:calc(50% - var(--blutfang-size)/2);animation:none!important;opacity:1}}
@media print{.hp-blutfang{display:none!important}}