.tu-ring{pointer-events:none;z-index:60;border:2px solid var(--color-accent);transition:top var(--dur-fast) var(--ease-out-quint), left var(--dur-fast) var(--ease-out-quint), width var(--dur-fast) var(--ease-out-quint), height var(--dur-fast) var(--ease-out-quint);border-radius:.6rem;position:fixed;box-shadow:0 0 0 3px #ffb02038,0 0 22px 2px #ffb02073,inset 0 0 12px #ffb02040}.tu-ring:after{content:"";border-radius:inherit;border:2px solid var(--color-accent);animation:tu-ring-pulse 1.5s var(--ease-out-quint) infinite;position:absolute;inset:-2px}.tu-ring[data-kind=tile]{background:repeating-linear-gradient(-45deg,#ffb02029 0 6px,#ffb0200a 6px 12px);border-radius:.45rem}.tu-ring-label{white-space:nowrap;background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:.3rem;padding:.1rem .45rem;font-size:.6875rem;font-weight:800;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px #8a4f00}@keyframes tu-ring-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}:root[data-motion=reduced] .tu-ring:after,:root[data-motion=off] .tu-ring:after{opacity:0;animation:none}:root[data-motion=off] .tu-ring{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .tu-ring:after{opacity:0;animation:none}}
