/* QBₓ BØNES crossbones pointer. Only enabled for precise desktop pointers. */
.bone-cursor-core,.bone-cursor-reticle,.bone-cursor-label{display:none;position:fixed;top:0;left:0;pointer-events:none;z-index:10000}
.bone-cursor-core{width:32px;height:32px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 5px #ff5538aa);transition:filter .2s,scale .2s}
.bone-cursor-core svg{display:block;width:100%;height:100%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.bone-cursor-core.is-clicking{scale:.72;filter:drop-shadow(0 0 13px #ff5538)}
.bone-cursor-reticle{width:58px;height:58px;border:1px solid #ff7657a8;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff55381a,inset 0 0 14px #ff553814,0 0 28px #ff553833;transition:width .24s,height .24s,border-color .24s,box-shadow .24s;animation:bone-reticle-spin 7s linear infinite}
.bone-cursor-reticle:before,.bone-cursor-reticle:after{content:'';position:absolute;top:50%;left:50%;width:7px;height:1px;background:#ff8b6b;box-shadow:0 0 8px #ff5538}
.bone-cursor-reticle:before{transform:translate(-36px,-50%)}
.bone-cursor-reticle:after{transform:translate(29px,-50%)}
.bone-cursor-reticle.is-hovering{width:82px;height:82px;border-top-color:#fff0e7;border-bottom-color:#fff0e7;box-shadow:0 0 0 8px #ff55380e,inset 0 0 18px #ff553829,0 0 34px #ff55385e}
.bone-cursor-reticle.is-clicking{width:45px;height:45px;box-shadow:0 0 0 18px #ff553817,0 0 36px #ff5538aa}
.bone-cursor-label{transform:translate(-50%,-50%) translateY(8px);padding:4px 9px;border:1px solid #ff7657;background:#140b09ec;color:#fff2e9;font:800 9px 'DM Sans',sans-serif;letter-spacing:1.5px;white-space:nowrap;opacity:0;transition:opacity .17s,transform .17s;box-shadow:4px 4px 0 #ff553844}
.bone-cursor-label.is-visible{opacity:1;transform:translate(-50%,-50%) translateY(0)}
html.has-cursor a:hover~.bone-cursor-core svg{transform:rotate(20deg)}
@keyframes bone-reticle-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(pointer:fine) and (hover:hover){.has-cursor .bone-cursor-core,.has-cursor .bone-cursor-reticle,.has-cursor .bone-cursor-label{display:block}}
@media(prefers-reduced-motion:reduce){.bone-cursor-core,.bone-cursor-reticle,.bone-cursor-label{display:none!important}}
