.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;display:flex;position:relative}.focus-word{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:700;font-family:var(--font-playfair),serif;color:gold;outline:none;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:2px solid var(--border-color,#fff);width:.75rem;height:.75rem;filter:drop-shadow(0px 0px 4px var(--border-color,#fff));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-5px;left:-5px}.top-right{border-bottom:none;border-left:none;top:-5px;right:-5px}.bottom-left{border-top:none;border-right:none;bottom:-5px;left:-5px}.bottom-right{border-top:none;border-left:none;bottom:-5px;right:-5px}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;z-index:3;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}