.hint-wrap{vertical-align:middle;margin-left:6px;display:inline-block;position:relative}.hint-btn{border:2px solid var(--ink);background:var(--card);width:20px;height:20px;color:var(--ink-soft);font-family:var(--font-body);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.hint-btn:hover{color:var(--ink)}.hint-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ff4a2d40}.hint-pop{z-index:40;background:var(--card);border:2px solid var(--ink);width:max-content;max-width:min(260px,78vw);color:var(--ink);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;border-radius:16px;padding:11px 13px;font-size:.86rem;font-weight:400;line-height:1.5;animation:.12s ease-out timepop-in;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1b161038}