.card-spotlight{position:relative;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:1rem .85rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,209,0,0.22);transition:border-color .2s ease,transform .2s ease}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 72%);opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.85}.card-spotlight:hover{border-color:color-mix(in srgb,var(--emo,#ffd100) 55%,transparent);transform:translateY(-3px)}.card-spotlight>*{position:relative;z-index:1}.focus-container{display:flex;gap:.35em;justify-content:center;align-items:center;flex-wrap:wrap}.focus-container,.focus-word{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.focus-word{font-size:3rem;font-weight:900;cursor:default;transition:filter .3s ease,color .3s ease;color:#fff}.focus-word.active{filter:blur(0)}.focus-frame{position:absolute;top:0;left:0;pointer-events:none;box-sizing:content-box;border:none}.corner{position:absolute;width:1rem;height:1rem;border:3px solid var(--border-color,#fff);filter:drop-shadow(0 0 4px var(--glow-color,var(--border-color,#fff)));border-radius:3px;transition:none}.top-left{left:-10px;border-right:none}.top-left,.top-right{top:-10px;border-bottom:none}.top-right{right:-10px;border-left:none}.bottom-left{left:-10px;border-right:none}.bottom-left,.bottom-right{bottom:-10px;border-top:none}.bottom-right{right:-10px;border-left:none}