.floating-banners{position:fixed;inset:0;z-index:25;pointer-events:none}.floating-banners[hidden]{display:none}.floating-banner{position:absolute;top:50%;transform:translateY(-50%);width:min(var(--banner-width),20vw);height:min(var(--banner-height),65dvh);pointer-events:auto}.banner-left{left:max(8px,env(safe-area-inset-left))}.banner-right{right:max(8px,env(safe-area-inset-right))}.site-banner{display:block;width:100%;height:100%;overflow:hidden;background:#07110ef5}.site-banner img{width:100%;height:100%;display:block}.banner-outline{border:1px solid #c2a23e}.banner-glow{border:1px solid #ffe16a;box-shadow:0 0 18px #ffda3d55}.site-banner:focus-visible{outline:2px solid #ffe681;outline-offset:-3px}.banner-close{position:absolute;top:-22px;right:-4px;width:44px;height:44px;padding:0;border:1px solid #d3b95f;border-radius:50%;background:#111d17;color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #0007}.banner-close:focus-visible{outline:2px solid #ffe681;outline-offset:2px}
@media(max-width:900px){.floating-banner{width:min(var(--banner-width),27vw);height:min(var(--banner-height),28dvh)}.banner-left{left:max(6px,env(safe-area-inset-left))}.banner-right{right:max(6px,env(safe-area-inset-right))}}
@media(max-height:500px){.floating-banner{height:min(var(--banner-height),35dvh)}}