.hint{color:#cfe4ff;font:500 11.5px/1 var(--f-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#2e8dff1a;border:1px solid #5aa7ff8c;border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 10px;transition:opacity .4s,transform .4s;display:inline-flex}.hint-ico{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hint-tap .hint-ico{transform-origin:50% 80%;animation:1.6s ease-in-out infinite hint-tap}.hint-drag .hint-ico,.hint-swipe .hint-ico{animation:1.8s ease-in-out infinite hint-drag}.hint-slide .hint-ico circle{animation:1.8s ease-in-out infinite hint-slide}.hint-move .hint-ico{animation:2.2s ease-in-out infinite hint-move}@keyframes hint-tap{0%,to{transform:scale(1)}45%{transform:scale(.84)translateY(1px)}}@keyframes hint-drag{0%,to{transform:translate(-3px)}50%{transform:translate(4px)}}@keyframes hint-slide{0%,to{transform:translate(-5px)}50%{transform:translate(4px)}}@keyframes hint-move{0%,to{transform:translate(0)}33%{transform:translate(4px,2px)}66%{transform:translate(-2px,4px)}}[data-used] .hint{opacity:0;pointer-events:none;transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.hint-ico,.hint-ico circle{animation:none!important}}html[data-motion=static] .hint-ico,html[data-motion=static] .hint-ico circle{animation:none!important}.hint-row{flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:36px;display:flex}.hint-row.center{justify-content:center}.sec-inner>.hint-row{margin-bottom:calc(10px - var(--sec-gap,44px))}.hint-fine{display:none}@media (hover:hover) and (pointer:fine) and (min-width:761px){.hint-fine{display:inline-flex}.hint-coarse{display:none}}.gadget{gap:14px;min-width:0;display:grid}